@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080a18;--ink:#f8f8ff;--muted:#9c9db4;--panel:rgba(22,23,48,.72);--line:rgba(255,255,255,.095);--violet:#9b78ff;--cyan:#35d7ff;--coral:#ff6b72;--gold:#ffc65c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#242152 0,transparent 46%),var(--bg);color:var(--ink);font:15px/1.55 'DM Sans',system-ui,sans-serif;overflow-x:hidden}
.ambient{position:fixed;width:34rem;height:34rem;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none;z-index:-1}.ambient-one{background:#7348ff;top:15%;left:-18rem}.ambient-two{background:#ff5b62;right:-22rem;bottom:-5rem}
main{width:min(1220px,calc(100% - 40px));margin:auto;padding:64px 0 36px}header,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.brand-block{display:flex;align-items:flex-start;gap:22px}.brand-icon{width:68px;height:68px;border-radius:20px;box-shadow:0 12px 35px rgba(112,81,255,.38)}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif}h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:.98;letter-spacing:-.065em;margin:0}h1 span{background:linear-gradient(100deg,var(--violet),var(--cyan) 45%,var(--gold) 82%,var(--coral));background-clip:text;color:transparent}h2{font-size:1.3rem;letter-spacing:-.025em;margin:0}.intro{color:var(--muted);max-width:560px;margin:22px 0 0;font-size:1.03rem}.eyebrow,.card-kicker{color:#bba8ff;text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;font-weight:700;margin:0 0 8px}
form{min-width:180px}label{display:block;color:var(--muted);font-size:.72rem;margin:0 0 7px 2px}select{width:100%;border:1px solid var(--line);background:#15162e;color:var(--ink);padding:12px 38px 12px 14px;border-radius:12px;font:inherit;outline:none}select:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(155,120,255,.15)}
.period{display:flex;align-items:center;gap:8px;color:var(--muted);margin:48px 0 16px;font-size:.85rem}.period strong{color:var(--ink)}.live-dot{width:8px;height:8px;border-radius:50%;background:#5be4a8;box-shadow:0 0 0 5px rgba(91,228,168,.1)}
.sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site,.dns,.system,.empty{position:relative;background:linear-gradient(145deg,rgba(28,29,60,.88),rgba(15,16,35,.82));border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 22px 65px rgba(0,0,0,.2);backdrop-filter:blur(18px)}.site{overflow:hidden}.site:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:var(--violet);filter:blur(100px);opacity:.08;right:-90px;top:-90px;pointer-events:none}.site:nth-child(2):after{background:var(--coral)}
.card-title{display:flex;align-items:center;gap:13px}.site-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:13px;background:linear-gradient(135deg,#7656ed,#b372ff);box-shadow:inset 0 1px rgba(255,255,255,.25);font-size:1.2rem}.site:nth-child(2) .site-icon{background:linear-gradient(135deg,#ff665c,#ff9e57)}.dns-icon{background:linear-gradient(135deg,#1fb9cf,#42e1aa)}.system-icon{background:linear-gradient(135deg,#df8b35,#ffca57)}.card-kicker{color:var(--muted);margin-bottom:2px;font-size:.59rem}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:26px 0}.metrics>div{min-width:0;padding:13px 12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:13px}.metrics strong,.metrics span{display:block}.metrics strong{font:700 1.4rem Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.metrics span{color:var(--muted);font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tables{display:grid;grid-template-columns:1fr 1fr;gap:24px}h3{color:#c2c2d2;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:10px}table{width:100%;border-collapse:collapse;table-layout:fixed}td{border-top:1px solid rgba(255,255,255,.07);padding:9px 3px;font-size:.77rem;color:#d9d9e5}td:last-child{width:42px;text-align:right;color:#a994ff;font-weight:700}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dns,.system{margin-top:18px}.status{color:#69e8b2;border:1px solid rgba(89,224,166,.24);background:rgba(89,224,166,.07);border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:600}.status.warning{color:#ffc277;border-color:rgba(255,194,119,.3);background:rgba(255,194,119,.08)}.system-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.metrics small{display:block;color:var(--muted);margin-top:2px}.network-values{width:170px!important}.network-values span{display:inline-block;margin-left:10px;white-space:nowrap}details{border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;color:var(--muted);font-weight:600}li{margin:6px 0;color:#c7c7d4}.empty{margin-top:42px;text-align:center;padding:72px 24px}.empty h2{font-size:1.8rem}.empty p{color:var(--muted);margin-bottom:0}footer{color:#777991;text-align:right;padding:20px 5px;font-size:.72rem}
@media(max-width:920px){main{padding-top:36px}.sites{grid-template-columns:1fr}.system-metrics{grid-template-columns:repeat(3,1fr)}h1{font-size:clamp(2.7rem,10vw,4.8rem)}}
@media(max-width:680px){main{width:min(100% - 24px,1220px);padding-top:24px}header{align-items:stretch;flex-direction:column}.brand-block{gap:14px}.brand-icon{width:50px;height:50px;border-radius:15px}h1{font-size:clamp(2.4rem,13vw,4rem)}.intro{font-size:.92rem;margin-top:16px}form{width:100%}.period{margin-top:34px}.site,.dns,.system{padding:20px;border-radius:19px}.metrics,.system-metrics{grid-template-columns:repeat(2,1fr)}.tables{grid-template-columns:1fr}.section-heading{align-items:center}.dns .metrics{margin-bottom:20px}}
@media(max-width:390px){.brand-icon{display:none}.site,.dns{padding:17px}.metrics>div{padding:11px 9px}.metrics strong{font-size:1.2rem}}
@media(prefers-reduced-motion:no-preference){.site,.dns,.system,.empty{animation:rise .6s ease-out both}.site:nth-child(2){animation-delay:.08s}.dns{animation-delay:.16s}.system{animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}