@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
.login-shell{--login-ink:#0f1114;--login-muted:#5b6168;--login-accent:#34d17a;--login-surface:#fff;--login-border:#0f11141f;--login-shadow:0 25px 60px #0f11141f;min-height:100vh;color:var(--login-ink);background:radial-gradient(650px 450px at 15% 10%,#34d17a3d,#0000 60%),radial-gradient(700px 520px at 85% 15%,#0f11141f,#0000 60%),repeating-linear-gradient(90deg,#0f11140a 0 1px,#0000 1px 90px),repeating-linear-gradient(0deg,#0f11140a 0 1px,#0000 1px 90px),linear-gradient(#f3f5f0 0%,#e9eee9 100%);justify-content:center;align-items:center;padding:clamp(24px,4vw,56px);font-family:Space Grotesk,Noto Sans,sans-serif;display:flex;position:relative}.login-shell *{box-sizing:border-box}.login-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;gap:clamp(20px,3vw,36px);width:min(1100px,100%);display:grid}.login-brand-panel{background:var(--login-surface);box-shadow:var(--login-shadow);opacity:0;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:520px;padding:clamp(24px,4vw,48px);animation:.8s forwards login-rise;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";background:radial-gradient(circle at 30% 30%,#34d17a59,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.login-brand-panel:after{content:"";pointer-events:none;border:1px solid #0f111414;border-radius:22px;position:absolute;inset:12%}.login-brand-panel>*{z-index:1;position:relative}.login-brand-header{align-items:center;gap:16px;display:flex}.login-logo{width:110px;height:auto}.login-brand-name{letter-spacing:.35em;text-transform:uppercase;color:var(--login-muted);font-size:14px}.login-brand-copy h2{margin:0 0 16px;font-size:clamp(24px,3vw,34px);line-height:1.2}.login-brand-copy p{color:var(--login-muted);max-width:320px;margin:0;font-size:16px}.login-brand-footer{color:var(--login-muted);letter-spacing:.04em;font-size:13px}.login-form-panel{box-shadow:var(--login-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#ffffffe0;border:1px solid #0f111414;border-radius:24px;padding:clamp(24px,4vw,40px);animation:.8s .1s forwards login-rise;display:flex}.login-form-card{flex-direction:column;gap:22px;width:100%;display:flex}.login-heading{gap:8px;display:grid}.login-eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--login-muted);font-size:12px}.login-title{margin:0;font-size:clamp(28px,3vw,36px)}.login-subtitle{color:var(--login-muted);margin:0;font-size:15px}.login-alert{color:#7f1d1d;background:#fff1f1;border:1px solid #fecaca;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.login-alert i{font-size:18px}.login-alert-close{color:inherit;cursor:pointer;background:0 0;border:none;place-items:center;font-size:18px;display:grid}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{opacity:0;flex-direction:column;gap:8px;animation:.7s forwards login-fade;display:flex}.login-field:first-of-type{animation-delay:.1s}.login-field:nth-of-type(2){animation-delay:.15s}.login-field label{color:var(--login-muted);letter-spacing:.02em;font-size:14px}.login-input{border:1px solid var(--login-border);color:var(--login-ink);background:#fff;border-radius:14px;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--login-accent);outline:none;box-shadow:0 0 0 4px #34d17a2e}.login-input::placeholder{color:#9aa1a7}.login-input-wrap{position:relative}.login-input-wrap .login-input{padding-right:46px}.login-toggle{color:#5b6168;cursor:pointer;background:#f1f4f2;border:none;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-toggle:focus-visible{outline:2px solid var(--login-accent);outline-offset:2px}.login-options,.login-submit,.login-divider,.login-social,.login-footer{opacity:0;animation:.7s forwards login-fade}.login-options{color:var(--login-muted);justify-content:space-between;align-items:center;gap:12px;font-size:14px;animation-delay:.2s;display:flex}.login-check{align-items:center;gap:8px;display:inline-flex}.login-check input{width:16px;height:16px;accent-color:var(--login-accent)}.login-link{color:var(--login-ink);border-bottom:1px solid #0000;text-decoration:none}.login-link:hover{border-color:var(--login-ink)}.login-submit{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#121417,#202325);border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:14px 18px;font-weight:600;animation-delay:.25s;display:inline-flex;box-shadow:0 12px 30px #0f111440}.login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 36px #0f11144d}.login-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite login-spin}.login-divider{color:var(--login-muted);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;animation-delay:.3s;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--login-border);flex:1;height:1px}.login-social{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;animation-delay:.35s;display:grid}.login-social-button{border:1px solid var(--login-border);color:var(--login-ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;height:44px;font-size:18px;display:grid}.login-social-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{color:var(--login-muted);justify-content:center;align-items:center;gap:8px;font-size:14px;animation-delay:.4s;display:flex}.login-footer a{color:var(--login-ink);border-bottom:1px solid #0000;font-weight:600;text-decoration:none}.login-footer a:hover{border-color:var(--login-ink)}@keyframes login-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes login-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:980px){.login-grid{grid-template-columns:1fr}.login-brand-panel,.login-form-panel{min-height:auto}.login-brand-header{text-align:center;justify-content:center}.login-brand-copy{text-align:center}.login-brand-copy p{margin:0 auto}.login-brand-footer{text-align:center}}@media (max-width:640px){.login-shell{padding:20px}.login-logo{width:96px}.login-social{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.login-brand-panel,.login-form-panel,.login-field,.login-options,.login-submit,.login-divider,.login-social,.login-footer{opacity:1;animation:none;transform:none}.login-spinner{animation:none}}