.signin-page{--signin-bg:var(--background);--signin-surface:var(--card);--signin-text:var(--foreground);--signin-muted:var(--foreground-secondary);--signin-muted-2:var(--foreground-muted);--signin-border:var(--border);--signin-accent:var(--primary);--signin-accent-hover:var(--primary-hover);--radius:18px;--radius-lg:24px;--container:1120px;--gutter:20px;--step-0:14px;--step-1:16px;--step-2:18px}.dark .signin-page{--signin-bg:var(--background);--signin-surface:var(--card);--signin-text:var(--foreground);--signin-muted:var(--foreground-secondary);--signin-muted-2:var(--foreground-muted)}.signin-page *{box-sizing:border-box}.signin-page{color:var(--signin-text);background:radial-gradient(1200px 700px at 10% 10%,#4f46e51f,transparent 60%),radial-gradient(900px 600px at 90% 0%,#6366f11a,transparent 60%),var(--signin-bg);flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;display:flex}.dark .signin-page{background:radial-gradient(1200px 700px at 10% 10%,#6366f126,transparent 60%),radial-gradient(900px 600px at 90% 0%,#818cf81f,transparent 60%),var(--signin-bg)}.signin-page a{color:inherit;text-decoration:none}.signin-page .header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);background:color-mix(in srgb,var(--signin-surface)75%,transparent);border-bottom:1px solid var(--signin-border);position:sticky;top:0}.signin-page .nav{max-width:var(--container);padding:14px var(--gutter);justify-content:space-between;align-items:center;gap:14px;margin:0 auto;display:flex}.signin-page .brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.signin-page .brand .logo{border-radius:8px;flex-shrink:0;width:32px;height:32px;display:flex;overflow:hidden}.signin-page .brand .logo svg{color:#fff;width:18px;height:18px}.signin-page .nav-links{align-items:center;gap:10px;display:flex}.signin-page .nav-links a{font-size:var(--step-0);color:var(--signin-muted);border-radius:10px;padding:8px 12px;transition:background .18s,color .18s}.signin-page .nav-links a:hover{background:color-mix(in srgb,var(--signin-accent)10%,transparent);color:var(--signin-text)}.signin-page .main{padding:40px var(--gutter);flex:1;justify-content:center;align-items:center;display:flex}.signin-page .card{background:color-mix(in srgb,var(--signin-surface)92%,transparent);border:1px solid var(--signin-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:0 18px 60px color-mix(in srgb,var(--signin-text)10%,transparent);padding:32px}.signin-page .card-header{text-align:center;margin-bottom:28px}.signin-page .card-header h1{letter-spacing:-.03em;color:var(--signin-text);margin:0 0 8px;font-size:28px;font-weight:900}.signin-page .card-header p{color:var(--signin-muted);font-size:var(--step-0);margin:0}.signin-page .btn{appearance:none;font-weight:700;font-size:var(--step-0);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;line-height:1;transition:transform .12s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.signin-page .btn:active{transform:translateY(1px)}.signin-page .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--signin-accent)35%,transparent);outline-offset:2px}.signin-page .btn:disabled{opacity:.6;cursor:not-allowed}.signin-page .btn-google{background:var(--signin-surface);border-color:var(--signin-border);color:var(--signin-text)}.signin-page .btn-google:hover:not(:disabled){background:color-mix(in srgb,var(--signin-accent)5%,transparent);border-color:color-mix(in srgb,var(--signin-accent)25%,transparent)}.signin-page .btn-primary{background:var(--signin-accent);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--signin-accent)25%,transparent)}.signin-page .btn-primary:hover:not(:disabled){background:var(--signin-accent-hover);box-shadow:0 16px 36px color-mix(in srgb,var(--signin-accent)32%,transparent)}.signin-page .divider{color:var(--signin-muted-2);align-items:center;gap:14px;margin:24px 0;font-size:13px;display:flex}.signin-page .divider:before,.signin-page .divider:after{content:"";background:var(--signin-border);flex:1;height:1px}.signin-page .form-group{margin-bottom:16px}.signin-page .form-group label{font-size:var(--step-0);color:var(--signin-text);margin-bottom:6px;font-weight:600;display:block}.signin-page .input{border:1px solid var(--signin-border);background:var(--signin-surface);width:100%;color:var(--signin-text);font-size:var(--step-0);border-radius:14px;outline:none;padding:14px 16px;transition:border-color .18s,box-shadow .18s}.signin-page .input:focus{border-color:var(--signin-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--signin-accent)15%,transparent)}.signin-page .input::placeholder{color:var(--signin-muted-2)}.signin-page .input-wrapper{position:relative}.signin-page .input-wrapper .input{padding-right:48px}.signin-page .eye-btn{cursor:pointer;color:var(--signin-muted-2);background:0 0;border:none;align-items:center;padding:4px;transition:color .18s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.signin-page .eye-btn:hover{color:var(--signin-text)}.signin-page .error{color:#dc2626;font-size:var(--step-0);text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;margin-bottom:16px;padding:12px 14px}.signin-page .footer-text{text-align:center;font-size:var(--step-0);color:var(--signin-muted);margin-top:24px}.signin-page .footer-text a{color:var(--signin-accent-hover);font-weight:600}.signin-page .footer-text a:hover{text-decoration:underline}@media (max-width:480px){.signin-page .card{padding:24px}.signin-page .brand span:not(.logo){display:none}}