.exaro-login{--bg:#eceae3;--surface:#fff;--surface-2:#f6f4ee;--ink:#26284f;--ink-soft:#3a3d6a;--muted:#8c8b83;--line:#0b0b0a14;--line-strong:#0b0b0a29;--lime:#cea9e3;--lime-deep:#8c5db8;--lavender:#e4ddf3;--peach:#ffd7c2;--sky:#bfe4ff;--on-accent:#26284f;--field-bg:#f6f4ee;--field-bg-focus:#fff;--radius-card:26px;--radius-sm:14px;--radius-pill:999px;--shadow-card:0 1px 0 #0b0b0a0a, 0 40px 80px -40px #0b0b0a4d, 0 12px 28px -18px #0b0b0a29;--blob-1:#e4ddf3;--blob-2:#ffd7c2;--blob-3:#bfe4ff;--blob-4:#cea9e3;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;place-items:center;width:100%;min-height:100vh;padding:32px 20px;font-family:Space Grotesk,system-ui,sans-serif;transition:background .4s,color .4s;display:grid;position:relative;overflow:hidden}html.dark .exaro-login{--bg:#14141b;--surface:#1d1d27;--surface-2:#262631;--ink:#eceae3;--ink-soft:#c7c6d6;--muted:#8e8da1;--line:#ffffff1a;--line-strong:#ffffff38;--lime:#cea9e3;--on-accent:#17171f;--field-bg:#262631;--field-bg-focus:#2d2d3a;--shadow-card:0 1px 0 #0006, 0 40px 90px -40px #000c, 0 12px 30px -18px #00000080;--blob-1:#3a2f55;--blob-2:#4a3a32;--blob-3:#243a4a;--blob-4:#4a2f5e}.exaro-login *{box-sizing:border-box}.exaro-login .bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.exaro-login .blob{filter:blur(70px);opacity:.85;will-change:transform;border-radius:50%;transition:background .5s,opacity .4s;position:absolute}html.dark .exaro-login .blob{opacity:.55;filter:blur(80px)}.exaro-login .blob.b1{background:var(--blob-1);width:560px;height:560px;animation:24s ease-in-out infinite exlogin-drift1;top:-160px;left:-120px}.exaro-login .blob.b2{background:var(--blob-2);width:460px;height:460px;animation:28s ease-in-out infinite exlogin-drift2;bottom:-180px;right:-100px}.exaro-login .blob.b3{background:var(--blob-3);width:420px;height:420px;animation:32s ease-in-out infinite exlogin-drift3;bottom:-120px;left:8%}.exaro-login .blob.b4{background:var(--blob-4);opacity:.5;width:300px;height:300px;animation:26s ease-in-out infinite reverse exlogin-drift1;top:-60px;right:14%}@keyframes exlogin-drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.06)}}@keyframes exlogin-drift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-36px,-28px)scale(1.08)}}@keyframes exlogin-drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-24px)scale(1.05)}}.exaro-login .bg-grid{background-image:radial-gradient(circle at center, var(--line-strong) 1px, transparent 1px);opacity:.4;background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 35%,#0000 78%);mask-image:radial-gradient(80% 70% at 50% 45%,#000 35%,#0000 78%)}.exaro-login .theme-toggle{z-index:20;border:1px solid var(--line);background:var(--surface);height:42px;color:var(--ink-soft);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:10px;padding:0 6px 0 16px;font-family:inherit;font-size:12px;transition:background .2s,border-color .2s,color .2s;display:inline-flex;position:fixed;top:22px;right:22px;box-shadow:0 8px 24px -16px #0b0b0a66}.exaro-login .theme-toggle:hover{border-color:var(--line-strong)}.exaro-login .theme-toggle .knob{background:var(--surface-2);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.exaro-login .theme-toggle svg{width:16px;height:16px}.exaro-login .auth{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);width:100%;max-width:430px;box-shadow:var(--shadow-card);padding:40px 40px 32px;transition:background .4s,border-color .4s;position:relative}.exaro-login .brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.exaro-login .brand-mark{color:var(--ink);place-items:center;margin-bottom:24px;display:grid}.exaro-login .brand-mark svg{width:196px;height:auto;display:block}.exaro-login .brand h1{letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.08}.exaro-login .brand h1 .it{font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.exaro-login .brand .tagline{color:var(--muted);text-wrap:balance;max-width:300px;margin:0;font-size:13.5px;line-height:1.45}.exaro-login .field{margin-bottom:18px}.exaro-login .field-label{color:var(--ink-soft);margin-bottom:8px;font-size:12.5px;font-weight:500;display:block}.exaro-login .input-wrap{align-items:center;display:flex;position:relative}.exaro-login .input-wrap>svg.lead{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;left:16px}.exaro-login .input-wrap input{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--field-bg);width:100%;height:52px;color:var(--ink);outline:none;padding:0 16px 0 46px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s,box-shadow .15s}.exaro-login input[type=password],.exaro-login input[type=text].pw-input{padding-right:48px}.exaro-login input::placeholder{color:var(--muted)}.exaro-login .input-wrap input:focus{border-color:var(--ink);background:var(--field-bg-focus);box-shadow:0 0 0 4px color-mix(in oklch, var(--lime) 35%, transparent)}.exaro-login .pw-toggle{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.exaro-login .pw-toggle:hover{color:var(--ink);background:var(--surface-raised,#0000000d)}.exaro-login .pw-toggle svg{width:18px;height:18px}.exaro-login .otp{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:6px;display:grid}.exaro-login .otp input{aspect-ratio:1/1.12;text-align:center;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--field-bg);width:100%;min-width:0;color:var(--ink);outline:none;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s}.exaro-login .otp input:focus{border-color:var(--ink);background:var(--field-bg-focus);box-shadow:0 0 0 4px color-mix(in oklch, var(--lime) 35%, transparent)}.exaro-login .otp input.filled{border-color:var(--lime-deep)}.exaro-login .submit{border-radius:var(--radius-sm);background:var(--ink);width:100%;height:54px;color:var(--surface);cursor:pointer;border:none;justify-content:center;align-items:center;gap:9px;margin-top:4px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .12s,opacity .2s,filter .15s;display:inline-flex}html.dark .exaro-login .submit{color:var(--on-accent)}.exaro-login .submit:hover{filter:brightness(1.08)}html.dark .exaro-login .submit:hover{filter:brightness(.94)}.exaro-login .submit:active{transform:translateY(1px)}.exaro-login .submit:disabled{opacity:.45;cursor:not-allowed}.exaro-login .submit svg{width:17px;height:17px}.exaro-login .hint{color:var(--muted);text-align:center;min-height:18px;margin:16px 0 0;font-size:12.5px;line-height:1.5}.exaro-login .hint.error{color:var(--lime-deep)}html.dark .exaro-login .hint.error{color:var(--lime)}.exaro-login .sent-to{background:var(--surface-2);color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:9px 16px;font-size:13px;display:flex}.exaro-login .sent-to b{color:var(--ink);font-weight:600}.exaro-login .sent-to svg{width:15px;height:15px;color:var(--lime-deep)}.exaro-login .resend-row{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:13px;display:flex}.exaro-login .link-btn{color:var(--lime-deep);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:500}html.dark .exaro-login .link-btn{color:var(--lime)}.exaro-login .link-btn:hover{text-decoration:underline}.exaro-login .link-btn:disabled{color:var(--muted);cursor:not-allowed;text-decoration:none}.exaro-login .back-link{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-family:inherit;font-size:13px;display:inline-flex}.exaro-login .back-link:hover{color:var(--ink)}.exaro-login .back-link svg{width:15px;height:15px}.exaro-login .step{animation:.3s exlogin-fade}@keyframes exlogin-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.exaro-login .foot{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:28px;padding-top:18px;font-size:13px}.exaro-login .foot a{color:var(--ink);font-weight:500;text-decoration:none}.exaro-login .foot a:hover{text-decoration:underline}.exaro-login .legal{z-index:10;text-align:center;color:var(--muted);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px;position:fixed;bottom:18px;left:0;right:0}@media (max-height:720px){.exaro-login .legal{display:none}}@media (max-width:480px){.exaro-login .auth{padding:32px 24px 26px}.exaro-login .otp{gap:7px}}