body.login-page{background-color:var(--color-surface-void);min-height:100vh;color:var(--color-on-surface);background-image:radial-gradient(circle at 10% 20%,#3b82f60d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#e6fd4508 0%,#0000 40%);flex-direction:column;margin:0;font-family:Sansation,Arial,sans-serif;display:flex}.login-container{z-index:10;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.auth-card{background:var(--color-surface-layer);border-radius:var(--radius-lg,28px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;width:100%;max-width:420px;margin:0 var(--space-20);border:1px solid #ffffff14;padding:30px 24px;box-shadow:0 40px 100px #0009}.auth-card h1{margin:0 0 var(--space-8);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;color:var(--color-on-surface)}.auth-subtitle{margin-bottom:var(--space-32);color:var(--color-muted-outline);font-size:var(--font-size-sm);text-align:center}.auth-tabs{margin-bottom:var(--space-28);background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;padding:6px;display:flex}.auth-tab{padding:var(--space-12);text-align:center;cursor:pointer;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);transition:all var(--duration-normal) var(--ease-standard);color:var(--color-muted-outline);border-radius:14px;flex:1}.auth-tab.active{color:var(--color-white);background:#ffffff14;box-shadow:0 4px 12px #0003}.auth-field{margin:var(--space-20) 0 var(--space-20) 0}.auth-label{margin-bottom:var(--space-8);color:var(--color-muted-outline);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:4px;display:block}.auth-input{width:100%;color:var(--color-white);transition:border-color var(--duration-fast);box-sizing:border-box;font-size:var(--font-size-base);background:#0003;border:1px solid #ffffff0f;border-radius:18px;outline:none;padding:16px 18px;font-family:inherit}.auth-input:focus{border-color:var(--color-brand-strobe);background:#0000004d}.auth-btn-primary{background:var(--color-brand-strobe);width:100%;color:var(--color-surface-void);font-weight:var(--font-weight-bold);cursor:pointer;font-size:var(--font-size-base);margin-top:var(--space-12);transition:all var(--duration-normal);border:none;border-radius:18px;padding:16px}.auth-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #e6fd4533}.auth-btn-primary:active{transform:translateY(0)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .auth-input{padding-right:48px}.password-toggle-btn{cursor:pointer;color:var(--color-muted-outline);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:16px}.password-toggle-btn:hover{color:var(--color-white)}.password-toggle-btn svg{width:24px;height:24px}.auth-divider{margin:var(--space-16) 0;color:#ffffff26;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:var(--font-weight-bold);align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.auth-divider:before{margin-right:16px}.auth-divider:after{margin-left:16px}.auth-btn-google{width:100%;color:var(--color-on-surface);font-weight:var(--font-weight-bold);cursor:pointer;font-size:var(--font-size-base);transition:all var(--duration-fast);background:0 0;border:1px solid #ffffff1a;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.auth-btn-google:hover{background:#ffffff08;border-color:#fff3}.auth-error{margin-top:var(--space-16);color:var(--color-red-400);font-size:var(--font-size-sm);text-align:center;min-height:18px}.auth-footer-links{margin-top:var(--space-24);text-align:center;font-size:var(--font-size-sm)}.auth-footer-links a{color:var(--color-muted-outline);transition:color var(--duration-fast);text-decoration:none}.auth-footer-links a:hover{color:var(--color-brand-strobe)}.auth-success-msg-main{margin-bottom:12px;font-weight:700}.auth-success-msg-sub{color:var(--color-text-secondary);margin-bottom:20px}@media (width<=480px){.login-container{padding:var(--space-16) var(--space-8)}.auth-card{border-radius:20px;margin:0;padding:24px 25px}}.password-validation-box{background:var(--color-bg,#1a1a1a);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:10px;padding:12px}.validation-list{margin:0;padding:0;font-size:.85rem;list-style:none}.validation-list li{color:#ff4d4f;align-items:center;margin-bottom:4px;display:flex}.validation-list li:before{content:"✕";margin-right:8px;font-weight:700}.validation-list li.valid{color:#52c41a}.validation-list li.valid:before{content:"✓"}.unverified-warning-box{border-radius:var(--radius-md);background:#ffc1071a;border:1px solid #ffc107;margin-bottom:20px;padding:12px}.unverified-warning-box p{color:var(--color-text);margin:0;font-size:.9rem}.resend-btn-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.resend-btn-link:hover{color:var(--color-primary-hover)}.resend-btn-link:disabled{opacity:.5;cursor:not-allowed}