.signin-page{background:var(--bg-primary);min-height:100vh;font-family:var(--font-body);color:var(--text-primary);flex-direction:row;display:flex}.signin-brand{padding:var(--space-3xl) var(--space-2xl);color:#f5f0eb;background:linear-gradient(135deg,#1c1917 0%,#292524 50%,#3d3632 100%);flex-direction:column;flex:0 0 45%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.signin-brand:before{content:"";pointer-events:none;background:radial-gradient(at 30%,#d4654a14 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.signin-brand-content{z-index:1;text-align:center;max-width:400px;position:relative}.signin-brand-logo{font-family:var(--font-heading);font-size:2.25rem;font-weight:var(--weight-bold);margin-bottom:var(--space-md);letter-spacing:-.02em}.signin-brand-tagline{font-size:var(--text-body-lg);color:#c4baa8;margin-bottom:var(--space-2xl);line-height:var(--leading-relaxed)}.signin-brand-features{margin:0 0 var(--space-2xl) 0;text-align:left;padding:0;list-style:none}.signin-brand-features li{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-body);color:#c4baa8;display:flex}.signin-brand-features li i{color:var(--accent-primary);text-align:center;flex-shrink:0;width:20px}.signin-brand-apply{margin-top:var(--space-lg)}.signin-brand-apply a{color:var(--accent-primary);font-size:var(--text-small);font-weight:var(--weight-medium);transition:color var(--duration-normal) var(--ease-smooth);text-decoration:none}.signin-brand-apply a:hover{color:var(--accent-secondary);text-decoration:underline}.signin-auth{padding:var(--space-2xl);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.signin-auth-inner{width:100%;max-width:440px}.signin-theme-toggle{top:var(--space-md);right:var(--space-md);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:color var(--duration-normal) var(--ease-smooth), background var(--duration-normal) var(--ease-smooth);background:0 0;border:none;font-size:1.25rem;position:absolute}.signin-theme-toggle:hover{color:var(--accent-primary);background:var(--bg-inset)}.signin-section{display:none}.signin-section.active{display:block}.signin-heading{font-family:var(--font-heading);font-size:1.75rem;font-weight:var(--weight-bold);margin:0 0 var(--space-xs) 0;letter-spacing:-.02em}.signin-subheading{color:var(--text-secondary);font-size:var(--text-body);margin:0 0 var(--space-xl) 0;line-height:var(--leading-normal)}.signin-form-group{margin-bottom:var(--space-md)}.signin-label{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:6px;display:block}.signin-input{width:100%;padding:12px var(--space-md);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-body);font-family:var(--font-body);transition:border-color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);box-sizing:border-box}.signin-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb), .15);outline:none}.signin-input::placeholder{color:var(--text-tertiary)}.signin-password-field{position:relative}.signin-password-field .signin-input{padding-right:44px}.signin-password-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.signin-password-toggle:hover{color:var(--text-secondary)}.signin-btn{width:100%;padding:14px var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-body);font-weight:var(--weight-semibold);font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:background var(--duration-normal) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);margin-top:var(--space-sm);border:none;display:inline-flex}.signin-btn:active{transform:scale(.98)}.signin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.signin-btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-primary-rgb), .3)}.signin-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px rgba(var(--accent-primary-rgb), .4)}.signin-link{color:var(--accent-primary);font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;padding:0;text-decoration:none}.signin-link:hover{text-decoration:underline}.signin-form-footer{margin-top:var(--space-xs);margin-bottom:var(--space-sm);justify-content:flex-end;align-items:center;display:flex}.signin-footer{text-align:center;margin-top:var(--space-xl);font-size:var(--text-small);color:var(--text-secondary)}.signin-footer a{color:var(--accent-primary);font-weight:var(--weight-semibold);margin-left:4px;text-decoration:none}.signin-footer a:hover{text-decoration:underline}.signin-back-link{color:var(--text-secondary);font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;font-family:var(--font-body);margin-bottom:var(--space-lg);transition:color var(--duration-normal) var(--ease-smooth);background:0 0;border:none;align-items:center;gap:4px;padding:0;text-decoration:none;display:inline-flex}.signin-back-link:hover{color:var(--accent-primary)}.signin-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:#dc2626;font-size:var(--text-small);margin-bottom:var(--space-md);background:#fef2f2;border:1px solid #fecaca;display:none}html.dark .signin-error,body.dark .signin-error{color:#fca5a5;background:#dc26261a;border-color:#dc26264d}.signin-otp-input{text-align:center;letter-spacing:.3em;font-size:1.5rem;font-weight:var(--weight-bold)}.signin-forgot-step{display:none}.signin-forgot-step.active{display:block}.signin-btn .spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite signin-spin;display:none}.signin-btn.loading .spinner{display:inline-block}.signin-btn.loading .btn-text{display:none}@keyframes signin-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.signin-page{flex-direction:column}.signin-brand{padding:var(--space-xl) var(--space-md);flex:none}.signin-brand-features{display:none}.signin-brand-tagline{font-size:var(--text-small);margin-bottom:var(--space-md)}.signin-brand-logo{margin-bottom:var(--space-sm);font-size:1.5rem}.signin-brand-apply{display:none}.signin-auth{padding:var(--space-lg) var(--space-md)}}@media (max-width:480px){.signin-brand,.signin-auth{padding:var(--space-md)}.signin-auth-inner{max-width:100%}}.signin-divider{text-align:center;color:var(--text-secondary,#888);align-items:center;margin:18px 0 14px;font-size:13px;display:flex}.signin-divider:before,.signin-divider:after{content:"";border-bottom:1px solid var(--border-color,#e0e0e0);flex:1}.signin-divider span{padding:0 12px}.signin-btn-google{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,box-shadow .15s,border-color .15s;display:flex}.signin-btn-google:hover{background:#f8f9fa;border-color:#c8cdd3;box-shadow:0 1px 2px #3c40434d}.signin-btn-google:active{background:#f1f3f4}.signin-btn-google:focus-visible{outline-offset:2px;outline:2px solid #4285f4}.signin-btn-google svg{flex-shrink:0}:root.dark .signin-btn-google{color:#e8eaed;background:#1f1f1f;border-color:#5f6368}:root.dark .signin-btn-google:hover{background:#2d2d2d;border-color:#80868b}:root.dark .signin-btn-google:active{background:#3c3c3c}:root.dark .signin-divider{color:var(--text-secondary,#aaa)}:root.dark .signin-divider:before,:root.dark .signin-divider:after{border-bottom-color:var(--border-color,#3a3a3a)}