:root{--bg:#06080f;--panel:#101422d9;--panel-border:#a0b4ff24;--gold:#e8c468;--gold2:#f6dda0;--blue:#3a5bd5;--blue2:#8ea8ec;--text:#eef0fb;--text-muted:#97a0c9;--green:#57c278;--red:#e05a5a}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden}h1,h2,h3,.brand{font-family:Space Grotesk,Inter,system-ui,sans-serif}.bg-fixed{z-index:-3;pointer-events:none;background:radial-gradient(900px 600px at 15% -10%,#3a5bd529,#0000 60%),radial-gradient(800px 600px at 100% 10%,#e8c4681a,#0000 55%),radial-gradient(700px 500px at 50% 110%,#57c27814,#0000 60%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:28px;transition:border-color .25s,transform .25s,box-shadow .25s}.card:hover{border-color:#e8c46866;transform:translateY(-3px);box-shadow:0 16px 40px #00000059}.btn{letter-spacing:.02em;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--blue), #1d2f8a);color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 24px #3a5bd54d}.btn-primary:hover{box-shadow:0 10px 30px #3a5bd573}.btn-primary:before{content:"";background:linear-gradient(120deg,#0000,#ffffff59,#0000);width:40%;transition:left .55s;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.btn-primary:hover:before{left:140%}.btn-ghost{border:1px solid var(--panel-border);color:var(--text);background:#ffffff0f}.btn-ghost:hover{background:#ffffff17;border-color:#e8c46866}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:80ms}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.enter{animation:.6s both fadeInUp}.enter-1{animation-delay:50ms}.enter-2{animation-delay:.15s}.enter-3{animation-delay:.25s}.skeleton{background:linear-gradient(90deg, var(--panel) 25%, #ffffff0f 50%, var(--panel) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.enter-4{animation-delay:.35s}@keyframes softPulse{0%,to{box-shadow:0 0 #e8c46840}50%{box-shadow:0 0 0 6px #e8c46800}}.pulse-badge{animation:2.6s ease-in-out infinite softPulse}.tx-row{transition:background .2s}.tx-row:hover{background:#ffffff09}.header-brand img{transition:transform .3s}.header-brand:hover img{transform:rotate(-8deg)scale(1.06)}.header-nav-link{padding-bottom:2px;transition:color .2s;position:relative}.header-nav-link:after{content:"";background:var(--gold);height:2px;transition:right .25s;position:absolute;bottom:-2px;left:0;right:100%}.header-nav-link:hover{color:var(--text)!important}.header-nav-link:hover:after{right:0}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake{animation:.5s shake}.linked-row{transition:border-color .2s,background .2s}.linked-row:hover{background:#0000004d!important;border-color:#e8c46859!important}@media (prefers-reduced-motion:reduce){.reveal,.enter,.pulse-badge{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}input,select{border:1px solid var(--panel-border);width:100%;color:var(--text);background:#0000004d;border-radius:8px;padding:10px 12px;font-size:.95rem}input:focus,select:focus{border-color:var(--blue2);outline:none}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.hero{z-index:0;text-align:center;justify-content:center;align-items:center;min-height:78vh;padding:110px 0 70px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:-webkit-image-set(url(/hero-banner.webp) 1x type("image/webp"),url(/hero-banner.jpg) 1x type("image/jpeg")) 50% 42%/cover no-repeat;background:image-set("/hero-banner.webp" 1x type("image/webp"),"/hero-banner.jpg" 1x type("image/jpeg")) 50% 42%/cover no-repeat;animation:1.8s ease-out both heroZoom;position:absolute;inset:0}@keyframes heroZoom{0%{transform:scale(1.06)}to{transform:scale(1)}}.hero-bg:after{content:"";background:linear-gradient(180deg, #06080f59 0%, #06080fb8 55%, var(--bg) 100%);position:absolute;inset:0}.hero-inner{max-width:640px;margin:0 auto}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;font-size:.8rem;font-weight:800}.hero h1{color:var(--gold2);text-shadow:0 4px 30px #0000008c;margin:0 0 16px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15}.hero h1 .grad{background:linear-gradient(90deg, var(--gold2), var(--blue2), var(--gold2));color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite shine}@keyframes shine{to{background-position:-220%}}.hero-spotlight{z-index:0;pointer-events:none;background:radial-gradient(360px circle at var(--mx,50%) var(--my,40%), #e8c46824, transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.hero-spotlight.active{opacity:1}.hero-inner{z-index:1;position:relative}.hero p{color:var(--text);opacity:.92;max-width:520px;margin:0 auto 28px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (max-width:600px){.hero{min-height:60vh;padding:90px 0 50px}}@media (prefers-reduced-motion:reduce){.hero-bg{animation:none}.hero h1 .grad{background-position:0;animation:none}.hero-spotlight{display:none}}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .25s,border-color .25s,box-shadow .25s}.icon-chip{background:linear-gradient(135deg, color-mix(in srgb, var(--chip,var(--gold)) 30%, transparent), transparent);border:1px solid color-mix(in srgb, var(--chip,var(--gold)) 35%, transparent);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:1.25rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.page-eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:.74rem;font-weight:800}.page-title{color:var(--text);margin:0;font-size:1.7rem}.page-subtitle{color:var(--text-muted);margin-top:6px;font-size:.9rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{--accent:var(--gold);background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:22px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);height:3px;position:absolute;inset:0 0 auto}.stat-icon{background:color-mix(in srgb, var(--accent) 18%, transparent);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:14px;font-size:1.05rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.stat-value{color:var(--text);margin-top:6px;font-size:1.6rem;font-weight:900;line-height:1.2}.stat-meta{color:var(--text-muted);margin-top:8px;font-size:.8rem}.badge{text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb, var(--accent,var(--text-muted)) 16%, transparent);color:var(--accent,var(--text-muted));border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.badge-dot{background:currentColor;border-radius:999px;flex:none;width:6px;height:6px}.section{margin-top:28px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.section-title{color:var(--gold2);margin:0;font-size:1.02rem;font-weight:800}.section-desc{color:var(--text-muted);margin-top:2px;font-size:.84rem}.dtable-wrap{margin:0 -1px;overflow-x:auto}.dtable{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.86rem}.dtable thead th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--panel-border);padding:0 14px 10px;font-size:.72rem;font-weight:700}.dtable tbody td{border-bottom:1px solid #a0b4ff0f;padding:13px 14px}.dtable tbody tr{transition:background .15s}.dtable tbody tr:hover{background:#ffffff08}.dtable tbody tr:last-child td{border-bottom:0}.avatar{background:color-mix(in srgb, var(--blue2) 22%, transparent);width:28px;height:28px;color:var(--blue2);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.server-row{border-bottom:1px solid #a0b4ff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px;display:flex}.server-row:last-child{border-bottom:0}.status-dot{opacity:.85;border-radius:999px;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px}.status-dot.online{color:#57c27840;background:var(--green)}.status-dot.offline{color:#e05a5a40;background:var(--red)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.9rem}