*{box-sizing:border-box}:root{color-scheme:dark;--bg:#05070c;--line:rgba(112,136,255,.18);--text:#f6f8ff;--muted:#8d97ab;--blue:#2186ff;--violet:#6b4dff;--green:#5ee59a}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -20%,rgba(43,92,255,.2),transparent 42%),radial-gradient(circle at 10% 85%,rgba(0,184,255,.12),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;overflow-x:hidden}.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(82,108,180,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,108,180,.08) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,black,transparent 75%)}.bg-glow{position:fixed;width:420px;height:420px;filter:blur(120px);border-radius:50%;opacity:.18;pointer-events:none}.glow-a{top:-120px;left:-120px;background:var(--blue)}.glow-b{right:-140px;bottom:-140px;background:var(--violet)}.shell{min-height:100vh;display:grid;place-items:center;padding:28px}.card{width:min(520px,100%);padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(20,25,38,.94),rgba(8,11,18,.94));box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset,0 0 60px rgba(42,93,255,.08);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:16px}.logo{width:72px;height:72px;border-radius:18px;object-fit:cover;box-shadow:0 0 34px rgba(43,130,255,.25)}.eyebrow,.server-label,.invite-label{display:block;color:#7d8dff;font-size:10px;font-weight:900;letter-spacing:.18em}h1{margin:5px 0 0;font-size:clamp(26px,6vw,36px);letter-spacing:-.04em}.divider{height:1px;margin:26px 0;background:linear-gradient(90deg,transparent,rgba(94,126,255,.28),transparent)}.server{display:flex;align-items:center;gap:14px}.server-mark{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:linear-gradient(135deg,#1f7aff,#6f4cff);box-shadow:0 10px 30px rgba(50,97,255,.25);font-weight:950;font-size:18px}.server h2{margin:3px 0 2px;font-size:22px}.server p{margin:0;color:var(--muted);font-size:13px}.invite-box{margin:24px 0 16px;padding:18px;border:1px solid rgba(83,116,255,.18);border-radius:15px;background:rgba(4,8,16,.55)}.invite-box strong{display:block;margin-top:7px;font-size:25px;letter-spacing:.13em;word-break:break-all}.status{display:inline-flex;margin-top:10px;color:var(--green);font-size:11px}.primary-btn,.secondary-btn{width:100%;min-height:52px;border-radius:13px;font:inherit;text-decoration:none}.primary-btn{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:0;color:white;background:linear-gradient(135deg,#216fff,#6549ff);box-shadow:0 12px 32px rgba(42,86,255,.25);font-weight:850;cursor:pointer;transition:transform .15s ease,filter .15s ease}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}.arrow{font-size:20px}.secondary-btn{display:grid;place-items:center;margin-top:10px;padding:12px 16px;border:1px solid rgba(110,126,170,.16);color:var(--muted);background:rgba(22,27,40,.54);font-size:12px}.secondary-btn strong{margin-left:4px;color:#abb7ff}.secondary-btn.disabled{opacity:.55;cursor:not-allowed}.helper{margin:18px 0 0;color:#6f788b;text-align:center;font-size:11px;line-height:1.5}.footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:23px;color:#545e72;font-size:10px}.dot{width:4px;height:4px;border-radius:50%;background:#335eff}@media (max-width:540px){.shell{padding:16px}.card{padding:22px;border-radius:20px}.logo{width:62px;height:62px}.invite-box strong{font-size:20px}}