:root{color-scheme:dark;--bg:#08090a;--white:#f5f5f5;--muted:#9d9da3;--line:rgba(255,255,255,.15);--glass:rgba(255,255,255,.055);--glass-2:rgba(255,255,255,.085);--shadow:0 30px 90px rgba(0,0,0,.47)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ambience{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 46% 42% at 73% 7%,rgba(235,235,235,.15),transparent 75%),radial-gradient(ellipse 42% 50% at 5% 94%,rgba(230,230,230,.065),transparent 78%),linear-gradient(140deg,#08090b 10%,#19191b 49%,#070708 90%)}.ambience:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 95%)}
.shell{min-height:100vh;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1240px;margin:0 auto;width:100%;padding:26px 30px}.identity{display:flex;gap:12px;align-items:center}.mark{width:39px;height:39px;border:1px solid rgba(255,255,255,.27);border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 11px 25px #0006;font-weight:800}.brand{display:grid;gap:1px;letter-spacing:.16em;font-size:12px}.brand small{color:var(--muted);font-size:9px;letter-spacing:.22em}.top-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.live-indicator{font-size:11px;color:#b9b9bb;border:1px solid var(--line);padding:8px 12px;border-radius:20px;backdrop-filter:blur(16px);background:var(--glass)}.text-button{background:transparent;color:#f2f2f2;border:0;padding:8px 2px;font-size:12px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:44px 30px 78px}.footer{display:flex;justify-content:space-between;gap:10px;color:#8c8c8f;font-size:11px;padding:25px 30px 32px;max-width:1240px;margin:auto auto 0;width:100%}
.glass{border:1px solid var(--line);background:linear-gradient(146deg,rgba(255,255,255,.125),rgba(255,255,255,.03) 32%,rgba(255,255,255,.045) 92%);backdrop-filter:blur(29px) saturate(140%);-webkit-backdrop-filter:blur(29px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.21),inset 1px 0 rgba(255,255,255,.04),var(--shadow);border-radius:29px}.login-layout{display:grid;grid-template-columns:1fr 440px;align-items:center;gap:7vw;min-height:calc(100vh - 260px)}.eyebrow{text-transform:uppercase;letter-spacing:.27em;font-size:10px;color:#bdbdc1;font-weight:650}.hero h1{font-size:clamp(40px,5.6vw,82px);line-height:1.03;letter-spacing:-.065em;margin:20px 0}.hero p{color:#b1b1b5;max-width:520px;line-height:1.8;font-size:15px}.hero-note{display:flex;align-items:center;gap:13px;margin-top:40px;color:#b9b9bc;font-size:12px}.tiny-gem{width:12px;height:12px;border-radius:50%;background:#eee;box-shadow:0 0 20px #fff8}.login-card{padding:35px 33px}.login-card h2{font-size:25px;letter-spacing:-.04em;margin:13px 0}.login-card p{font-size:13px;color:#b9b9bc;line-height:1.75}.stack{display:grid;gap:16px;margin-top:25px}.field{display:grid;gap:8px;font-size:12px;color:#ccc}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.25);color:#fff;border-radius:15px;padding:14px 15px;min-height:46px;outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(255,255,255,.59);box-shadow:0 0 0 3px #fff1}.field textarea{min-height:95px;resize:vertical}.field select option{background:#1b1b1b}.btn{border:1px solid rgba(255,255,255,.26);background:linear-gradient(155deg,#fff,#d8d8d8);color:#111;border-radius:16px;min-height:47px;padding:13px 20px;font-weight:700;font-size:13px;box-shadow:inset 0 1px 0 #fff,0 9px 24px rgba(0,0,0,.32);transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 15px 30px rgba(0,0,0,.44)}.btn:active{transform:translateY(1px)}.btn.secondary{background:rgba(255,255,255,.085);color:#eee;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 #ffffff1c,0 7px 17px #0004}.btn.s{min-height:35px;padding:8px 13px;font-weight:550}.helper{color:#a3a3a8;font-size:12px;line-height:1.7}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.error{background:rgba(255,255,255,.09);border:1px solid #ffffff55;padding:13px 15px;border-radius:12px;font-size:12px;line-height:1.6}.hidden{display:none!important}.titlebar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.titlebar h1{font-size:clamp(30px,4.4vw,55px);line-height:1;letter-spacing:-.06em;margin:12px 0 6px}.titlebar p{color:var(--muted);font-size:13px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.stat{padding:24px 25px}.stat strong{font-size:40px;font-weight:550;letter-spacing:-.055em;display:block}.stat small{color:var(--muted);display:block;margin-top:8px;font-size:12px}.panel{padding:26px 26px 29px;margin-bottom:16px}.panel h2{font-size:19px;letter-spacing:-.035em;margin:2px 0 6px}.panel-desc{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 16px}.item{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:16px}.item:last-child{border-bottom:0}.item strong{font-size:13px;font-weight:620}.item small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.pill{font-size:10px;padding:7px 10px;border:1px solid var(--line);border-radius:100px;color:#ddd}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.buttons{display:flex;gap:8px;flex-wrap:wrap}.notice{border-left:2px solid #fff9;padding:12px 16px;background:#ffffff0a;color:#ddd;font-size:12px;line-height:1.7}.qr{margin:12px auto;border-radius:16px;max-width:220px;width:100%;background:white;padding:12px}.linkmono{word-break:break-word;font-family:ui-monospace,monospace;font-size:12px;color:#dedede}.guide-shell{max-width:790px;margin:0 auto}.guide-head{text-align:center;padding:38px 28px}.guide-head h1{font-size:clamp(31px,5vw,56px);letter-spacing:-.057em;margin:14px 0}.guide-head p{color:#bdbdbd;line-height:1.75}.guide-section{padding:25px;margin-top:13px}.guide-section h2{font-size:16px;margin:0 0 12px;letter-spacing:-.02em}.guide-section p{font-size:13px;color:#ccc;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9;min-width:240px;max-width:calc(100vw - 32px);background:#ebebeb;color:#151515;border-radius:15px;box-shadow:0 20px 60px #000b;padding:15px 18px;font-size:12px;text-align:center}
@media(max-width:850px){.login-layout{grid-template-columns:1fr;gap:20px;min-height:auto}.hero h1{font-size:46px}.hero{max-width:530px}.split{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.top{padding:21px 20px}main{padding:27px 20px 70px}}@media(max-width:500px){.top{padding:15px 17px}.top-actions{gap:10px}.live-indicator{display:none}.brand{font-size:10px}.brand small{font-size:8px}.hero h1{font-size:42px}.hero-note{margin-top:12px}.login-card{padding:27px 22px;border-radius:23px}main{padding:25px 17px 60px}.footer{padding:22px 17px;display:block}.footer span{display:block;margin-top:3px}.stats{grid-template-columns:1fr}.stat{padding:19px}.stat strong{font-size:34px}.panel{padding:20px}.titlebar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.item{align-items:flex-start}.guide-head{padding:25px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}