html,body{height:100%}body{background:var(--bg-base);color:var(--fg-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}.screen{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.art{border-right:1px solid var(--border-default);background:radial-gradient(120% 90% at 18% 8%,#6e2cb78c 0%,#540aab00 52%),radial-gradient(130% 110% at 92% 108%,#540aabd9 0%,#540aab00 55%),linear-gradient(155deg,#2a1152 0%,#1a0a38 42%,#0a0420 100%);flex-direction:column;padding:44px 48px;display:flex;position:relative;overflow:hidden}.art:before{content:"";background:radial-gradient(2px 2px at 20% 70%,#bea0ffb3,#0000 60%),radial-gradient(2px 2px at 32% 82%,#a078f099,#0000 60%),radial-gradient(1.5px 1.5px at 46% 74%,#c8afff8c,#0000 60%),radial-gradient(2px 2px at 58% 86%,#966eeb99,#0000 60%),radial-gradient(1.5px 1.5px at 70% 78%,#bea0ff8c,#0000 60%),radial-gradient(2.5px 2.5px at 82% 90%,#aa82f599,#0000 60%),radial-gradient(1.5px 1.5px at 12% 88%,#bea0ff80,#0000 60%),radial-gradient(2px 2px at 90% 66%,#c8afff80,#0000 60%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 20%,#0003 45%,#000 100%);mask-image:linear-gradient(#0000 20%,#0003 45%,#000 100%)}.art>*{z-index:1;position:relative}.art-top{align-items:center;gap:11px;display:flex}.art-logo{filter:brightness(0)invert()drop-shadow(0 0 16px #9664ff99);width:auto;height:40px}.art-tag{font:var(--text-eyebrow);text-transform:uppercase;letter-spacing:var(--track-wide);color:#ece3f7b3;border-radius:var(--r-full);border:1px solid #ece3f738;padding:4px 10px}.art-mid{max-width:460px;margin-top:auto}.art-mid h1{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0 0 14px;font-size:34px;font-weight:700;line-height:1.1}.art-mid p{color:#ece3f7c7;margin:0;font-size:14px;line-height:1.6}.art-stats{gap:30px;margin-top:34px;display:flex}.art-stats .s{flex-direction:column;gap:2px;display:flex}.art-stats .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#fff;font-size:22px;font-weight:600}.art-stats .l{color:#ece3f799;font-size:11px}.art-list{flex-direction:column;gap:13px;margin-top:30px;display:flex}.art-list .li{color:#ece3f7d9;align-items:center;gap:11px;font-size:13.5px;display:flex}.art-list .li .ck{border-radius:var(--r-full);background:#ffffff1f;border:1px solid #ffffff40;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.art-list .li .ck svg{color:#fff;width:13px;height:13px}.form-wrap{flex-direction:column;padding:44px 48px;display:flex;overflow:auto}.fw-head{justify-content:space-between;align-items:center;display:flex}.fw-head .ver{font-family:var(--font-mono);color:var(--fg-3);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--r-sm);letter-spacing:.08em;padding:2px 7px;font-size:10.5px}.fw-head .help{color:var(--fg-2);font-size:12px;font-weight:600}.fw-head .help:hover{color:var(--fg-1)}.fw-head .acct{color:var(--fg-3);font-size:12.5px}.fw-head .acct a{color:var(--signal-hover);font-weight:600}.fw-head .acct a:hover{color:var(--fg-1)}.fw-head .lang-switch{color:var(--fg-2);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--r-sm);cursor:pointer;padding:4px 8px;font-size:12.5px;font-weight:600}.fw-head .lang-switch:hover{color:var(--fg-1)}.fw-head .lang-switch:focus-visible{outline:2px solid var(--signal-hover);outline-offset:1px}.form-box{width:100%;max-width:376px;margin:auto;padding:40px 0}.eyebrow{font:var(--text-eyebrow);text-transform:uppercase;letter-spacing:var(--track-wide);color:var(--signal-hover);margin-bottom:12px}.form-box h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);margin:0 0 7px;font-size:26px;font-weight:700}.form-box .sub{color:var(--fg-2);margin:0 0 26px;font-size:13.5px;line-height:1.5}.banner{border-radius:var(--r-lg);align-items:flex-start;gap:10px;margin-bottom:18px;padding:11px 13px;font-size:12.5px;line-height:1.45;display:none}.banner svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.banner.show{display:flex}.banner .bt{font-weight:600}.banner .bd{color:inherit;opacity:.85}.banner.err{background:var(--gap-subtle);border:1px solid var(--gap-border);color:var(--gap)}.banner.warn{background:var(--partial-subtle);border:1px solid var(--partial-border);color:var(--partial)}.banner.info{background:var(--signal-subtle);border:1px solid var(--signal-border);color:var(--fg-1)}.banner.info svg,.banner.info a{color:var(--signal-hover)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{font:var(--text-xs);color:var(--fg-2);font-weight:600}.field .opt{color:var(--fg-3);font-weight:500}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.two-col>*{min-width:0}.inp{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md);height:42px;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);align-items:center;gap:9px;padding:0 13px;display:flex}.inp:focus-within{border-color:var(--signal);box-shadow:var(--ring)}.inp.bad{border-color:var(--gap-border)}.inp svg.lead{width:15px;height:15px;color:var(--fg-3);flex-shrink:0}.inp input{min-width:0;color:var(--fg-1);background:0 0;border:none;outline:none;flex:1;font-size:14px}.inp input::placeholder{color:var(--fg-3)}.inp .eye{border-radius:var(--r-sm);width:28px;height:28px;color:var(--fg-3);place-items:center;margin-right:-6px;display:grid}.inp .eye:hover{color:var(--fg-1);background:var(--bg-overlay)}.inp .eye svg{width:16px;height:16px}.strength{align-items:center;gap:9px;margin-top:8px;display:flex}.strength .bars{flex:1;gap:4px;display:flex}.strength .bars i{border-radius:var(--r-full);background:var(--bg-overlay);height:4px;transition:background var(--dur);flex:1}.strength .lab{font:var(--text-xs);color:var(--fg-3);text-align:right;width:56px;font-weight:600}.row-between{justify-content:space-between;align-items:center;margin:4px 0 24px;display:flex}.remember{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:8px;display:flex}.remember .box{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg-raised);width:17px;height:17px;transition:background var(--dur-fast), border-color var(--dur-fast);flex-shrink:0;place-items:center;margin-top:1px;display:grid}.remember .box svg{color:#fff;opacity:0;width:12px;height:12px}.remember.on .box{background:var(--signal);border-color:var(--signal)}.remember.on .box svg{opacity:1}.remember span{color:var(--fg-2);font-size:12.5px;line-height:1.4}.remember.bad .box{border-color:var(--gap-border)}.remember a{color:var(--signal-hover);font-weight:600}.remember a:hover{color:var(--fg-1)}.forgot{color:var(--signal-hover);font-size:12.5px;font-weight:600}.forgot:hover{color:var(--fg-1)}.submit{border-radius:var(--r-md);background:var(--signal);width:100%;height:44px;color:var(--fg-on-accent);letter-spacing:-.005em;transition:background var(--dur-fast), box-shadow var(--dur-fast);justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.submit:hover{background:var(--signal-hover);box-shadow:var(--glow-signal)}.submit:active{background:var(--signal-press)}.submit .spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}form[data-loading=true] .submit{background:var(--signal-press);pointer-events:none}form[data-loading=true] .submit .lbl{display:none}form[data-loading=true] .submit .spin{display:block}fieldset{border:none;min-inline-size:0;margin:0;padding:0}fieldset:disabled .inp{opacity:.6}.session-note{color:var(--fg-3);align-items:center;gap:7px;margin-top:16px;font-size:11.5px;line-height:1.5;display:flex}.session-note svg{width:13px;height:13px}.session-note a{color:var(--signal-hover);font-weight:600}.session-note a:hover{color:var(--fg-1)}.alt{border-top:1px solid var(--border-subtle);color:var(--fg-2);text-align:center;margin-top:28px;padding-top:20px;font-size:13px}.alt a{color:var(--signal-hover);font-weight:600}.alt a:hover{color:var(--fg-1)}.success{z-index:50;background:color-mix(in srgb, var(--bg-base) 86%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;display:none;position:fixed;inset:0}.success.show{display:grid}.success .card{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);text-align:center;width:340px;padding:30px 34px}.success .tick{background:var(--covered-subtle);border:1px solid var(--covered-border);border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid}.success .tick svg{width:26px;height:26px;color:var(--covered)}.success h3{font-family:var(--font-display);color:var(--fg-1);margin:0 0 6px;font-size:18px;font-weight:700}.success p{color:var(--fg-2);margin:0 0 4px;font-size:13px}.success .dest{font-family:var(--font-mono);color:var(--signal-hover);align-items:center;gap:7px;margin-top:10px;font-size:12px;display:inline-flex}.success .dest .spin{border:2px solid var(--signal-border);border-top-color:var(--signal-hover);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@media (max-width:768px){.screen{grid-template-columns:1fr}.art{display:none}}
