:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#050b14;color:#f5f8ff;--accent:#29c7c9;--accent2:#49df98;--panel:rgba(14,29,48,.9);--muted:#a9b8c9;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}
html,body{min-height:100%;overflow-x:hidden}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(41,199,201,.2),transparent 32rem),radial-gradient(circle at 90% 75%,rgba(73,223,152,.12),transparent 28rem),#050b14}
button,input{font:inherit}
button{min-height:48px;cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}
.shell{width:calc(100% - 32px);max-width:1080px;margin:auto;padding:24px 0 28px;padding:clamp(24px,5vw,64px) 0 28px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:clamp(24px,5vw,52px)}
.brandMark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#041116;font-size:26px;font-weight:900;box-shadow:0 10px 34px rgba(41,199,201,.24)}
.brand b{font-size:20px;letter-spacing:.08em}.brand sup{font-size:10px}.brand small{display:block;margin-top:2px;color:var(--muted);font-weight:600}
.card{padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:0 28px 90px rgba(0,0,0,.4);backdrop-filter:blur(18px)}
.authCard{max-width:650px}.authIntro{min-width:0}.eyebrow{margin:0 0 12px;color:var(--accent2);font-size:12px;font-weight:800;letter-spacing:.16em}
h1{margin:0;font-size:clamp(28px,5vw,48px);line-height:1.05;letter-spacing:-.035em}.intro{max-width:700px;margin:18px 0 28px;color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.55}
form{display:grid;gap:19px}label{display:grid;gap:8px;color:#dbe7f4;font-weight:700}input{width:100%;min-height:54px;padding:0 16px;border:1px solid #37506a;border-radius:13px;background:#081422;color:#fff;font-size:17px}input:hover{border-color:#5d7791}.formHint{margin:0;color:#8193a7;font-size:12px;text-align:center}.trustNote{display:flex;align-items:center;gap:12px;margin-top:24px;color:#dce9f5;font-weight:700}.trustNote>span:first-child{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid rgba(73,223,152,.45);border-radius:50%;background:rgba(73,223,152,.1);color:var(--accent2)}.trustNote small{color:var(--muted);font-weight:500;line-height:1.5}
button{border:0;border-radius:13px;padding:0 21px;font-weight:800}.primary{background:linear-gradient(120deg,var(--accent),var(--accent2));color:#031014}.primary:hover{filter:brightness(1.08)}.secondary{border:1px solid #40566e;background:#13243a;color:#eef6ff}.secondary:hover{background:#1b304b}
.danger{border-color:#8a4a52;color:#ffd9dd}.danger:hover{background:#40232a}
.privacy{margin:18px 0 0;color:#8193a7;font-size:13px;line-height:1.5}.serverHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.accountActions{display:flex;gap:10px;flex-wrap:wrap}.serverList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:32px}
.server{display:grid;gap:16px;min-height:150px;padding:18px;border:1px solid #2e455d;border-radius:16px;background:#0a1727;color:#fff}.serverSummary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}.serverActions{display:grid;grid-template-columns:1fr;gap:9px}.serverActions button{width:100%;min-height:44px}.serverActions button:disabled{cursor:not-allowed;opacity:.5}.adminAction{border-color:#3f766f}.serverIcon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#132d42;color:var(--accent);font-size:23px}.server b,.server small{display:block}.server b{font-size:17px}.server small{margin-top:6px;color:var(--muted)}.online{color:var(--accent2)!important}.empty{grid-column:1/-1;padding:28px;border:1px dashed #40566e;border-radius:16px;color:var(--muted);text-align:center}
.status{min-height:24px;margin:18px 4px;color:#ffb1b1;font-weight:700}.status.success{color:var(--accent2)}footer{margin-top:30px;color:#687b90;font-size:13px;text-align:center}
[hidden]{display:none!important}
@media(max-width:680px){.shell{width:calc(100% - 20px);padding-top:18px}.card{border-radius:20px}.serverHeader{display:block}.accountActions{margin-top:20px}.accountActions button{flex:1}.serverList{grid-template-columns:1fr}.trustNote{display:none}}
@media(min-width:900px) and (orientation:landscape){body{min-height:100vh}.shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:calc(100% - 64px);max-width:1320px;min-height:100vh;padding:24px 0 16px}.brand{margin-bottom:18px}.authCard{align-self:center;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1fr);gap:clamp(30px,5vw,74px);width:100%;max-width:none;padding:clamp(28px,4vw,52px)}.authIntro{align-self:center}.authCard h1{font-size:clamp(34px,4vw,54px)}.authCard .intro{margin-bottom:0}.authCard form{align-self:center}.status{margin:10px 4px;min-height:22px}.shell>footer{margin-top:4px}.serverList{max-height:52vh;overflow-y:auto;padding:3px}}
@media(min-width:900px) and (orientation:landscape) and (max-height:760px){.shell{width:calc(100% - 48px);padding:16px 0 10px}.brand{margin-bottom:10px}.brandMark{width:42px;height:42px;border-radius:12px;font-size:22px}.brand b{font-size:18px}.authCard{gap:34px;padding:24px 30px;border-radius:22px}.authCard h1{font-size:36px}.eyebrow{margin-bottom:8px}.intro{margin:12px 0;font-size:16px;line-height:1.4}.trustNote{margin-top:16px}.authCard form{gap:12px}input{min-height:48px}button{min-height:48px}.shell>footer{display:none}.status{margin:7px 4px;min-height:20px;font-size:14px}}
@media(min-width:900px) and (orientation:landscape) and (max-height:600px){.shell{grid-template-rows:auto minmax(0,1fr) auto;height:100vh;min-height:0;padding:10px 0}.brand{margin-bottom:6px}.brandMark{width:36px;height:36px}.brand small{display:none}#serverView{align-self:stretch;min-height:0;padding:16px 18px;overflow:hidden}.serverHeader{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.serverHeader h1{font-size:27px}.serverHeader .intro{max-width:none;margin:5px 0 7px;font-size:13px;line-height:1.3}.accountActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.accountActions button{min-height:42px;padding:0 10px;font-size:13px}.serverList{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:none;margin-top:10px;overflow-y:auto;padding:2px}.server{min-height:0;gap:8px;padding:10px}.serverSummary{align-items:start;gap:8px}.serverIcon{width:38px;height:38px;border-radius:11px;font-size:18px}.server b{font-size:14px}.server small{margin-top:3px;font-size:10px;line-height:1.25}.serverActions{gap:6px}.serverActions button{min-height:38px;padding:0 7px;font-size:11px}.status{margin:5px 4px;min-height:18px;font-size:12px}}
@media(min-width:1200px) and (min-height:900px){button{min-height:56px;font-size:18px}.server{min-height:120px}.shell{width:90vw;max-width:1320px}}
@media(prefers-reduced-motion:no-preference){button{transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease}}