:root{--panel-bg:#04070c;--panel-line:#19374d;--panel-card:#08131d;--panel-muted:#7f95a8}.panel-page{margin:0;background:radial-gradient(circle at 80% 0,#0c2b49 0,#05080d 28%,#020408 72%);color:#f5f9fc;font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.panel-top{position:sticky;top:0;z-index:30;height:74px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;gap:28px;background:#03070cec;border-bottom:1px solid #173247;backdrop-filter:blur(16px)}.panel-brand{display:flex;align-items:center;gap:10px}.panel-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.panel-brand b,.panel-brand small{display:block}.panel-brand b{font-size:13px;letter-spacing:.15em}.panel-brand small{font-size:8px;letter-spacing:.18em;color:#68cdf4;margin-top:3px}.panel-top nav{display:flex;gap:20px;margin-left:auto;color:#8da3b6;font-size:12px}.panel-top nav a.active,.panel-top nav a:hover{color:#fff}.panel-shell{max-width:1440px;margin:auto;padding:72px clamp(20px,5vw,72px) 90px}.panel-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;align-items:end;padding:34px 0 46px}.panel-hero h1{font-size:clamp(46px,6vw,78px);line-height:.95;letter-spacing:-.05em;margin:0 0 20px}.panel-hero h1 em{font-style:normal;color:#64d9ff}.panel-hero p{max-width:720px;color:#9db0c2;font-size:17px;line-height:1.65}.world-card{position:relative;padding:26px;border:1px solid #1d4e68;border-radius:20px;background:radial-gradient(circle at 100% 0,#0f6c9038,transparent 40%),linear-gradient(160deg,#0b1722,#061019);box-shadow:0 22px 60px #0005}.world-pulse{position:absolute;right:22px;top:22px;width:11px;height:11px;border-radius:50%;background:#6d7e8b}.world-card.online .world-pulse{background:#5ee3a5;box-shadow:0 0 18px #5ee3a5}.world-card.offline .world-pulse{background:#ff887d;box-shadow:0 0 16px #ff887d}.world-card small,.server-grid small,.activity-grid small,.server-detail aside small{display:block;color:#63d8ff;font-size:8px;letter-spacing:.16em;font-weight:900}.world-card b{display:block;font-size:26px;margin:13px 0 7px}.world-card p{font-size:12px;color:#8399ab;margin:0 0 16px}.last-update{font-size:10px;color:#63798b}.quick-grid,.server-grid,.activity-grid{display:grid;gap:12px}.quick-grid{grid-template-columns:repeat(3,1fr);margin-bottom:28px}.quick-grid article,.server-grid article,.activity-grid article{padding:20px;border:1px solid var(--panel-line);border-radius:15px;background:linear-gradient(160deg,#0a1520,#06101a)}.quick-grid b,.quick-grid p,.quick-grid a,.quick-grid span{display:block}.quick-grid b{font-size:17px;margin:8px 0}.quick-grid p{font-size:12px;color:var(--panel-muted);line-height:1.5}.quick-grid a{font-size:11px;color:#77dcff;font-weight:800;margin-top:12px}.quick-grid span{font-size:9px;color:#7f95a8;margin-top:12px;font-weight:900;letter-spacing:.12em}.panel-section{padding:52px 0;border-top:1px solid #143047}.panel-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:22px}.panel-head h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0}.panel-head p{max-width:560px;color:#7f95a8;line-height:1.6;margin:0}.server-grid{grid-template-columns:repeat(4,1fr)}.server-grid strong{display:block;font-size:38px;margin:10px 0 4px}.server-grid .text-value{font-size:23px}.server-grid span{font-size:10px;color:#6e8496}.server-detail{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-top:12px}.server-detail article,.server-detail aside{padding:22px;border:1px solid #1b3a50;border-radius:16px;background:#07111a}.server-detail h3{font-size:24px;margin:8px 0}.server-detail p{color:#8399ab;font-size:12px;line-height:1.6}.server-detail aside{display:grid;gap:7px;align-content:center}.server-detail aside b{font-size:18px;margin-bottom:12px}.access-steps{display:grid;gap:10px}.access-steps article{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid #1a384e;border-radius:14px;background:#07111a}.access-steps article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0c2231;color:#69d7ff;font-size:10px;font-weight:900}.access-steps b{display:block}.access-steps p{margin:4px 0 0;color:#768c9f;font-size:11px}.access-steps strong{font-size:9px;letter-spacing:.12em;color:#8399ab}.access-steps .ready strong{color:#6de4ab}.panel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.activity-grid{grid-template-columns:repeat(3,1fr)}.activity-grid b{display:block;font-size:18px;margin:10px 0}.activity-grid p{color:#7f95a8;font-size:12px;line-height:1.55}.panel-footer-cta{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:34px;border:1px solid #1c4c68;border-radius:20px;background:radial-gradient(circle at 90% 20%,#0d638644,transparent 36%),linear-gradient(160deg,#091620,#050b11)}.panel-footer-cta h2{font-size:32px;line-height:1.05;margin:0 0 10px}.panel-footer-cta p{max-width:760px;color:#8399ab;line-height:1.6}@media(max-width:980px){.panel-top nav{display:none}.panel-hero{grid-template-columns:1fr}.quick-grid,.server-grid{grid-template-columns:repeat(2,1fr)}.server-detail{grid-template-columns:1fr}.activity-grid{grid-template-columns:1fr}.panel-head{display:block}.panel-head p{margin-top:12px}.panel-footer-cta{display:block}.panel-footer-cta .btn{margin-top:14px}}@media(max-width:650px){.panel-top{height:66px;padding:0 14px}.panel-top>.btn{display:none}.panel-shell{padding:42px 16px 70px}.panel-hero{padding-top:14px}.panel-hero h1{font-size:44px}.quick-grid,.server-grid{grid-template-columns:1fr}.access-steps article{grid-template-columns:40px 1fr}.access-steps strong{grid-column:2}.panel-actions{display:grid}.panel-actions .btn{width:100%}.panel-footer-cta{padding:24px}.panel-footer-cta h2{font-size:28px}}
@media(prefers-reduced-motion:no-preference){.world-card.online .world-pulse{animation:pulseWorld 1.9s infinite}.quick-grid article,.server-grid article,.activity-grid article{transition:transform .18s,border-color .18s}.quick-grid article:hover,.server-grid article:hover,.activity-grid article:hover{transform:translateY(-2px);border-color:#2d6b8f}}@keyframes pulseWorld{0%,100%{box-shadow:0 0 0 0 #5ee3a555}50%{box-shadow:0 0 0 9px #5ee3a500}}