.auth-page{background:var(--white);justify-content:center;align-items:center;min-height:100dvh;padding:40px;display:flex;position:relative}.auth-page:before{content:"";background-image:radial-gradient(120% 120% at 50% 100%, var(--white) 40%, #d4873a 100%);opacity:.4;pointer-events:none;position:absolute;inset:0}.auth-card{background:var(--white);border:1px solid var(--gray-200);z-index:1;border-radius:20px;width:100%;max-width:420px;padding:40px;position:relative;box-shadow:0 20px 60px -20px #0a0a0a14}.auth-logo{align-items:center;gap:10px;margin-bottom:32px;text-decoration:none;display:flex}.auth-logo .logo-mark{background:var(--accent);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.auth-logo .logo-mark svg{width:18px;height:18px}.auth-logo .logo-text{font-family:var(--mono);color:var(--black);font-size:15px;font-weight:500}.auth-card h1{font-family:var(--serif);color:var(--black);margin-bottom:6px;font-size:28px;font-weight:400}.auth-card .auth-subtitle{color:var(--gray-600);margin-bottom:28px;font-size:14px;font-weight:300;line-height:1.5}.auth-google-wrapper{justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}.auth-google-gsi{width:100%}.auth-google-loading{border:1px solid var(--gray-200);background:var(--gray-100);width:100%;font-family:var(--sans);color:var(--gray-600);text-align:center;cursor:default;border-radius:10px;padding:12px;font-size:14px}.auth-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--gray-200);flex:1;height:1px}.auth-divider span{font-family:var(--mono);color:var(--gray-400);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--black);font-size:12px;font-weight:500}.auth-field input{border:1px solid var(--gray-200);font-family:var(--sans);color:var(--black);background:var(--white);transition:border-color .2s var(--ease-out-expo);border-radius:8px;outline:none;padding:11px 14px;font-size:14px}.auth-field input:focus{border-color:var(--accent)}.auth-field input::placeholder{color:var(--gray-400)}.auth-submit{background:var(--accent);color:#fff;font-family:var(--sans);cursor:pointer;transition:all .3s var(--ease-out-expo);border:none;border-radius:10px;margin-top:4px;padding:13px;font-size:14px;font-weight:500}.auth-submit:hover{background:var(--accent-dark);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{color:#dc2626;text-align:center;background:#ef44440f;border:1px solid #ef444426;border-radius:8px;padding:10px 14px;font-size:13px}.auth-success{color:#166534;text-align:center;background:#22c55e14;border:1px solid #22c55e33;border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.4}.auth-footer{text-align:center;color:var(--gray-600);margin-top:24px;font-size:13px}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:var(--accent-dark)}@media (max-width:480px){.auth-card{border-radius:16px;padding:28px 24px}.auth-card h1{font-size:24px}}