:root{--color-primary:#f06292;--color-primary-pressed:#ec407a;--color-primary-soft:#f8bbd0;--color-secondary:#f48fb1;--color-background:#fff7fa;--color-surface:#fff;--color-text-primary:#1f2937;--color-text-on-primary:#fff;--color-border:#f3d0da;--color-danger:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-background);color:var(--color-text-primary);font-family:Arial,Helvetica Neue,Helvetica,Segoe UI,Tahoma,sans-serif}.auth-container{background:var(--color-surface);border-radius:12px;max-width:400px;margin:60px auto;padding:32px;box-shadow:0 2px 16px #0000001a}.auth-container h2{margin-bottom:24px;font-size:1.5rem}.auth-container label{margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}.auth-container input{border:1px solid var(--color-border);border-radius:8px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:1rem;display:block}.auth-container input:focus{border-color:var(--color-primary);outline:none}.auth-container button{background:var(--color-primary);width:100%;color:var(--color-text-on-primary);cursor:pointer;border:none;border-radius:8px;margin-bottom:8px;padding:12px;font-size:1rem}.auth-container button:disabled{opacity:.6;cursor:not-allowed}.auth-container button:hover:not(:disabled){background:var(--color-primary-pressed)}.auth-container p{margin-top:12px;font-size:.9rem}.auth-container a{color:var(--color-primary);text-decoration:none}.auth-container a:hover{text-decoration:underline}.error{color:var(--color-danger);margin-bottom:8px;font-size:.875rem}.loading{text-align:center;color:#888;padding:40px}