.auth-page{background-color:#f7f7f8;background-image:radial-gradient(circle,#00000017 1px,#0000 1px);background-size:24px 24px;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:88px 16px 48px;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;position:absolute;inset:0}.auth-bg-shape{opacity:.9;border-radius:20px;position:absolute}.auth-bg-a{border:1.5px solid var(--accent);background:#fff;width:180px;height:120px;top:30%;left:6%;transform:rotate(-4deg);box-shadow:0 8px 30px #0d99ff1f}.auth-bg-b{background:#ffd9d3;border-radius:50%;width:120px;height:120px;top:16%;right:8%}.auth-bg-c{background:#e9ddff;width:150px;height:90px;bottom:10%;right:18%;transform:rotate(6deg)}.auth-cursor{align-items:flex-start;display:flex;position:absolute}.auth-cursor span{color:#fff;border-radius:10px;margin:14px 0 0 -2px;padding:2px 8px;font-size:11px;font-weight:600}@media (max-width:760px){.auth-bg{display:none}}.auth-brand{color:var(--fg);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex;position:absolute;top:24px;left:32px}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px 40px 32px;position:relative;box-shadow:0 1px 2px #0000000a,0 12px 40px #00000014,0 0 0 1px #0000000f}.auth-title{letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--fg-secondary);margin:0 0 32px;line-height:1.5}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{font-size:12px;font-weight:600}.auth-input.input{border-radius:var(--radius-lg);height:40px;padding:0 12px;font-size:14px}.auth-pw{display:block;position:relative}.auth-pw .auth-input{padding-right:44px}.auth-pw-toggle{border-radius:var(--radius);width:32px;height:32px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:4px;right:4px}.auth-pw-toggle:hover{color:var(--fg);background:var(--bg-hover)}.auth-error{border-radius:var(--radius-lg);color:#b3300f;background:#fff1ee;padding:10px 12px;font-size:13px;line-height:1.4}.auth-submit.btn{border-radius:var(--radius-lg);height:40px;margin-top:8px;font-size:14px}.auth-spinner{border-color:#fff #ffffff59 #ffffff59;width:16px;height:16px}.auth-switch{text-align:center;color:var(--fg-secondary);margin:8px 0 0}.auth-switch a{font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-foot{color:var(--fg-tertiary);margin:24px 0 0;font-size:12px;position:relative}@media (max-width:480px){.auth-brand{top:16px;left:16px}.auth-card{padding:32px 24px 24px}}.auth-google.btn{border-radius:var(--radius-lg);justify-content:center;gap:10px;width:100%;height:40px;font-weight:500;text-decoration:none}.auth-divider{color:var(--fg-secondary);align-items:center;gap:12px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}