*{box-sizing:border-box}body{margin:0;color:#e9f7ff;background:radial-gradient(ellipse at 50% 0%,#073465 0,#020a18 58%,#01040b 100%);font:15px Arial,sans-serif;min-height:100vh}.shell{max-width:1600px;margin:auto;padding:18px;background-image:repeating-linear-gradient(120deg,transparent 0,transparent 90px,#0b34600a 91px,#0b34600a 92px)}header{display:flex;align-items:center;gap:20px;min-height:190px;padding:10px 24px;background:linear-gradient(130deg,#06172d,#051e3b 65%,#020916);border:2px solid #1689ed;border-radius:16px;box-shadow:inset 0 0 22px #0786d966,0 0 16px #007df355;margin-bottom:18px}.logo{width:170px;height:170px;object-fit:contain}.brand{flex:1;text-align:center}.brand h1{font-size:clamp(30px,5vw,74px);font-style:italic;letter-spacing:2px;margin:0;color:#d9e4ee;text-shadow:2px 3px #244d6b,0 0 20px #038dff}.brand em{color:#08baff}.brand p{letter-spacing:.4em;color:#b1ddff}.tools{display:grid;gap:8px;min-width:160px}.tools select,.tools a{background:#051e3c;color:#f3fbff;border:1px solid #12b9ff;padding:9px;border-radius:6px}.tools a{text-align:center;text-decoration:none}.top,.bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.bottom{grid-template-columns:2.1fr 1fr}.panel{border:2px solid #0e9ef6;border-radius:17px;background:linear-gradient(145deg,#061b34,#010a1b);box-shadow:inset 0 0 16px #087cdb4d,0 0 12px #0088ff50;padding:16px;margin-bottom:18px}.panel h2{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #0868b7;font-size:20px;color:#d7f0ff}.dnsgrid,.blocks{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dnsbox{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;border:1px solid #14d86a;border-radius:10px;background:#031b25;box-shadow:inset 0 0 14px #00db5a35}.dnsbox strong{font-size:clamp(17px,2vw,25px)}.dnsbox small,.state small{color:#bcd9ef;font-weight:bold}.pill{display:inline-block;border-radius:20px;padding:6px 15px;background:#22354b;border:1px solid #7392ad;font-size:12px;font-weight:bold;white-space:nowrap}.pill.good{background:#064723;color:#71ffa4;border-color:#00dd65}.pill.bad{background:#51131b;color:#ffb0b7;border-color:#e62c47}.pill.warn{background:#654007;color:#ffe095;border-color:#efad2c}.system{display:flex;align-items:center;gap:22px;padding:25px 14px;min-height:145px}.system #systemicon{font-size:66px;color:#00df6d;text-shadow:0 0 18px #00ff62}.system strong{font-size:clamp(20px,2.5vw,32px);color:#2bf57e}.system p{color:#b8d5e8}.block{display:flex;align-items:center;gap:12px;min-height:132px;border:1px solid #098ff1;border-radius:10px;padding:13px;background:linear-gradient(90deg,#06477b,#041b36 60%,#03122b)}.blockhead{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.blockhead h3{font-size:clamp(17px,1.8vw,24px);margin:0 0 7px}.blockhead p{font-size:12px;color:#c4d8ed;margin:0}.psmark,.rsmark{font-size:25px;font-weight:bold;padding:15px 8px;border-radius:9px;background:#052f67}.rsmark{background:#f3b600;color:#1a1400}.buttons{display:grid;gap:10px}button{cursor:pointer;border-radius:7px;border:1px solid #8af8ff;padding:11px 16px;color:white;font-weight:bold;box-shadow:inset 0 0 9px #ffffff45,0 0 8px #008aff60}.activate{background:linear-gradient(#0cb43d,#026b18);border-color:#3aff78}.deactivate{background:linear-gradient(#e32025,#85050b);border-color:#ff7777}button:disabled{opacity:.55;cursor:wait}.state{text-align:center;display:grid;gap:10px}.feedback{min-height:16px;color:#ffdc87;margin:8px 0 0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.steps>div{padding:10px;background:#06305a;border:1px solid #078fee;min-height:155px;clip-path:polygon(0 0,93% 0,100% 50%,93% 100%,0 100%,7% 50%)}.steps b{display:grid;place-items:center;background:#0a91ef;border-radius:50%;height:30px;width:30px}.steps p{font-size:13px;line-height:1.5}.bottom ul{padding-left:24px;line-height:1.8;color:#c9e7fa}.bottom li::marker{color:#1afc86}.loginbody{display:grid;place-items:center}.login{width:min(420px,90vw);display:grid;justify-items:center;gap:15px}.login img{width:170px}.login input{width:100%;padding:13px;border-radius:6px;background:#081c34;color:white;border:1px solid #0bafff}@media(max-width:1000px){.top,.bottom,.blocks{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){header{flex-wrap:wrap;justify-content:center;text-align:center}.logo{width:120px;height:120px}.tools{width:100%}.dnsgrid,.steps{grid-template-columns:1fr}.block{flex-wrap:wrap}.blockhead{flex-basis:100%}.buttons{display:flex;flex:1}.state{min-width:100px}.brand p{letter-spacing:.15em}}