@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#05080e;--panel:#0a101a;--panel2:#0e1724;--line:#172336;--text:#f5f8fc;--muted:#8997aa;--blue:#1683ff;--blue2:#55a8ff;--glow:rgba(22,131,255,.18);--green:#52d99a;--red:#ff6262}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,rgba(20,91,160,.10),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:inherit}h1,h2,h3{font-family:'Space Grotesk',sans-serif;margin:0}p{color:var(--muted)}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4.5rem);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(5,8,14,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex}.brand-mark{height:44px;width:44px;object-fit:cover;border-radius:12px}.nav-links{display:flex;align-items:center;gap:1.6rem}.nav-links a{text-decoration:none;color:#9aa8ba;font-size:.9rem}.nav-links a:hover{color:#fff}.nav-cta{background:var(--blue);color:#fff!important;padding:.62rem 1rem;border-radius:8px;box-shadow:0 8px 28px var(--glow)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border:0;border-radius:9px;padding:.8rem 1.15rem;text-decoration:none;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(22,131,255,.16)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.small{padding:.55rem .8rem;font-size:.82rem}.btn.full{width:100%;margin-top:1rem}.btn.ghost{background:transparent;border:1px solid var(--line);box-shadow:none}.btn.danger{background:rgba(255,98,98,.12);border:1px solid rgba(255,98,98,.25);color:#ff9a9a;box-shadow:none}
.eyebrow{font-size:.72rem;letter-spacing:.15em;color:#78baff;font-weight:700}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#42dc98;box-shadow:0 0 12px #42dc98;margin-right:.4rem}.hero-new{min-height:650px;max-width:1250px;margin:auto;padding:6rem 2rem 5rem;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4rem;position:relative}.hero-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,var(--glow),transparent 68%);right:0;top:30px;pointer-events:none}.hero-copy-new{position:relative;z-index:1}.hero-copy-new h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.96;letter-spacing:-.055em;margin:1rem 0 1.5rem}.hero-copy-new h1 span{color:var(--blue2)}.hero-copy-new>p{font-size:1.05rem;max-width:630px}.hero-actions{display:flex;align-items:center;gap:1.4rem;margin-top:2rem}.hero-btn{padding:1rem 1.5rem}.text-link{text-decoration:none;font-weight:600;color:#c9d4e2}.text-link span{color:var(--blue2);margin-left:.35rem}.trust-row{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2.2rem;color:#718197;font-size:.78rem}.hero-console{border:1px solid #1b2a3f;background:linear-gradient(145deg,#0c1521,#070b12);border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.45),0 0 60px var(--glow);overflow:hidden;position:relative}.console-top{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;color:#65758a;font-size:.68rem;letter-spacing:.08em}.console-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#314157;margin-right:5px}.console-top span:last-child{color:#4be29b}.console-body{padding:2rem}.console-title{font:600 1.1rem 'Space Grotesk';margin-bottom:2rem}.metric{display:flex;justify-content:space-between;color:#8391a4;font-size:.78rem;margin:.9rem 0 .45rem}.metric b{color:#d9e5f3}.bar{height:7px;border-radius:20px;background:#121d2c;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#116fdd,#56b0ff);border-radius:inherit}.node-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:2rem}.node-grid div{padding:1rem;border:1px solid var(--line);background:#09111b;border-radius:10px;color:#68778a;font-size:.7rem}.node-grid strong{display:block;color:#dbe7f4;margin-top:.2rem;font-size:.85rem}
.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:clamp(1.2rem,5vw,5rem);padding:1.2rem 1rem;color:#53657c;font-size:.68rem;letter-spacing:.13em;font-weight:700;flex-wrap:wrap}.section{max-width:1250px;margin:auto;padding:6rem 2rem}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.5rem}.section-head h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin-top:.35rem}.section-head p{max-width:420px;margin:0}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-cards article,.why-grid>div{border:1px solid var(--line);background:linear-gradient(150deg,rgba(14,23,36,.85),rgba(7,12,20,.85));border-radius:14px;padding:1.7rem;transition:.2s}.service-cards article:hover,.price-card:hover,.why-grid>div:hover{border-color:#29415e;transform:translateY(-3px)}.icon{height:42px;width:42px;display:grid;place-items:center;border-radius:11px;background:var(--glow);color:#67b4ff;font-size:1.25rem}.service-cards h3{margin:1.2rem 0 .35rem}.service-cards p{font-size:.9rem;min-height:70px}.service-cards a{color:#69b4ff;text-decoration:none;font-size:.85rem;font-weight:700}
.pricing-section{padding-top:1rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.price-card{position:relative;border:1px solid var(--line);background:#09111b;border-radius:15px;padding:1.7rem;transition:.2s}.price-card.featured{border-color:#287bc4;background:linear-gradient(180deg,rgba(22,131,255,.12),#09111b 35%);box-shadow:0 20px 70px rgba(22,131,255,.08)}.popular{position:absolute;right:1rem;top:1rem;font-size:.62rem;letter-spacing:.1em;font-weight:800;color:#7dc0ff;background:rgba(22,131,255,.12);padding:.35rem .5rem;border-radius:5px}.price-card h3{font-size:1.35rem}.price-card>p{font-size:.84rem;min-height:45px}.price{margin:1.5rem 0}.price strong{font:700 2.4rem 'Space Grotesk'}.price span{color:#718095;font-size:.8rem}.price-card ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.price-card li{padding:.7rem 0;border-bottom:1px solid rgba(23,35,54,.7);color:#a6b3c3;font-size:.82rem}.price-card li::before{content:'✓';color:#52d99a;margin-right:.55rem}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.why-grid b{font-size:.7rem;color:#5d91c3}.why-grid h3{margin:.8rem 0 .3rem}.why-grid p{font-size:.82rem;margin:0}.cta-band{max-width:1210px;margin:0 auto 5rem;padding:2rem;border:1px solid #1c3854;border-radius:16px;background:linear-gradient(90deg,rgba(22,131,255,.12),rgba(22,131,255,.02));display:flex;justify-content:space-between;align-items:center;gap:1rem}.cta-band h2{font-size:2rem;margin-top:.2rem}.site-footer{border-top:1px solid var(--line);padding:2.5rem max(2rem,calc((100vw - 1210px)/2));display:flex;align-items:center;gap:1rem;color:#67768a}.footer-mark{width:34px;height:34px;border-radius:9px;object-fit:cover}.site-footer strong{color:#dbe5f0}.site-footer p{margin:0;font-size:.72rem}.footer-links{margin-left:auto;display:flex;gap:1.2rem}.footer-links a{font-size:.78rem;text-decoration:none}.site-footer small{font-size:.68rem}
/* auth */.auth-form,.dashboard{max-width:760px;margin:4rem auto;padding:2rem;background:#09111b;border:1px solid var(--line);border-radius:15px}.auth-form{max-width:500px}.auth-form h1,.dashboard h1{font-size:2rem}.auth-form label{display:block;color:#8e9caf;font-size:.85rem;margin:1rem 0}.auth-form input,.grid-form input,.inline-form input{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:8px;background:#060b12;color:#fff;outline:none}.auth-form input:focus,.inline-form input:focus{border-color:#2c82d3}.error{color:#ff8c8c;font-size:.85rem}.hint{color:#6e7d90;font-size:.8rem}.table{width:100%;border-collapse:collapse;margin-top:1.5rem}.table th,.table td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line);font-size:.82rem}.table th{color:#6d7d91}.badge{padding:.25rem .55rem;border-radius:5px;font-size:.7rem}.badge-pending{background:#3d3413;color:#f1d66e}.badge-paid{background:#142f49;color:#7ebdff}.badge-provisioned{background:#123c2a;color:#6ee1a4}.badge-failed{background:#411d22;color:#ff9d9d}
/* portal */.portal-shell{max-width:1220px;margin:auto;padding:4rem 2rem 6rem}.portal-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.portal-head h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}.portal-head p{margin:.4rem 0 0}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.portal-stat{background:#09111b;border:1px solid var(--line);border-radius:13px;padding:1.3rem}.portal-stat span{display:block;color:#718196;font-size:.75rem}.portal-stat strong{display:block;font:700 1.8rem 'Space Grotesk';margin-top:.35rem}.portal-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}.portal-card{background:#09111b;border:1px solid var(--line);border-radius:14px;padding:1.5rem}.portal-card.wide{grid-column:span 2}.card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-head h2,.portal-card>h2{font-size:1.3rem;margin-top:.2rem}.service-list,.key-list{margin-top:1rem;border-top:1px solid var(--line)}.service-row,.key-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.service-row strong,.key-row strong{display:block}.service-row span:not(.status),.key-row span{color:#6f7f92;font-size:.72rem}.status{font-size:.68rem;padding:.3rem .55rem;border-radius:5px}.status.provisioned{background:#123c2a;color:#68dfa2}.status.pending{background:#3d3413;color:#f1d66e}.status.paid{background:#142f49;color:#7ebdff}.status.failed{background:#411d22;color:#ff9d9d}.account-line{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.75rem}.account-line span{color:#6f7f92}.account-line strong{text-align:right;max-width:65%;overflow-wrap:anywhere}.api-pill{font-size:.65rem;color:#68b7ff;border:1px solid #23547f;padding:.3rem .5rem;border-radius:5px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin-top:1rem}.notice{padding:1rem 1.2rem;border:1px solid var(--line);border-radius:11px;margin-bottom:1rem;font-size:.82rem}.notice.success{border-color:#1b6145;background:rgba(82,217,154,.08)}.notice.error{border-color:#66353a;background:rgba(255,98,98,.08)}.notice p{margin:.3rem 0}.secret-key{display:block;overflow:auto;background:#050a10;border:1px solid #1e3148;border-radius:8px;padding:.8rem;margin-top:.8rem;color:#8bc7ff}.api-docs{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:1rem}.api-docs summary{cursor:pointer;color:#86bfff;font-size:.8rem}.api-docs pre{white-space:pre-wrap;overflow:auto;background:#050a10;border:1px solid var(--line);padding:1rem;border-radius:8px;color:#9dcaff;font-size:.72rem}.revoked{color:#8a4f57!important}.empty{padding:2rem 0;color:#718196;font-size:.82rem}
@media(max-width:900px){.hero-new{grid-template-columns:1fr;padding-top:4rem}.hero-console{max-width:700px}.service-cards,.pricing-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:.7rem}.portal-grid{grid-template-columns:1fr}.portal-card.wide{grid-column:auto}.portal-stats{grid-template-columns:1fr}.site-footer{flex-wrap:wrap}.footer-links{margin-left:0;width:100%}.nav-links a:nth-child(-n+3){display:none}}
@media(max-width:600px){.site-header{height:64px}.nav-links{gap:.5rem}.hero-new{padding:3.5rem 1rem}.hero-copy-new h1{font-size:3rem}.trust-row{display:block}.trust-row span{display:block;margin:.3rem 0}.section{padding:4rem 1rem}.why-grid{grid-template-columns:1fr}.cta-band{margin:0 1rem 3rem;display:block}.cta-band .btn{margin-top:1rem}.portal-shell{padding:3rem 1rem}.portal-head{display:block}.portal-head .btn{margin-top:1rem}.inline-form{grid-template-columns:1fr}.service-row,.key-row{align-items:flex-start;flex-direction:column}.key-row form{width:100%}.key-row .btn{width:100%}}
/* MistyHost 2026 shell */
.live-bar{height:30px;overflow:hidden;border-bottom:1px solid rgba(22,131,255,.16);background:#06101b;color:#7fa8d0;font-size:.68rem;letter-spacing:.04em;display:flex;align-items:center}.live-track{display:flex;gap:3rem;white-space:nowrap;animation:marquee 28s linear infinite;padding-left:100%}.live-track span:first-child{color:#61dda0}@keyframes marquee{to{transform:translateX(-100%)}}
.main-nav{display:flex;align-items:center;gap:.4rem;margin-left:auto;margin-right:1rem}.main-nav>a,.nav-dropdown>button,.nav-actions>a{font:500 .78rem Inter,sans-serif;color:#9aabba;text-decoration:none;padding:.65rem .7rem;border:0;background:transparent;cursor:pointer;border-radius:7px}.main-nav>a:hover,.nav-dropdown:hover>button,.nav-actions>a:hover{color:#fff;background:rgba(255,255,255,.04)}.nav-dropdown{position:relative}.nav-dropdown>button span{color:#63809e;margin-left:.2rem}.mega-menu{position:absolute;left:50%;top:calc(100% + .65rem);transform:translateX(-50%) translateY(8px);width:430px;display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.65rem;background:#09111b;border:1px solid #1a2b40;border-radius:12px;box-shadow:0 25px 80px rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.18s;z-index:50}.nav-dropdown:hover .mega-menu,.nav-dropdown:focus-within .mega-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-menu.two-col{width:360px}.mega-menu a{display:block;padding:.8rem;border-radius:8px;text-decoration:none}.mega-menu a:hover{background:#0e1b2b}.mega-menu b{display:block;color:#edf5fd;font-size:.77rem}.mega-menu small{display:block;color:#657990;font-size:.65rem;margin-top:.15rem}.nav-actions{display:flex;align-items:center;gap:.25rem}.nav-actions .nav-cta{background:transparent;border:1px solid #2a5b85;color:#dbeafe!important;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem!important;font-weight:700;padding:.6rem 1.1rem!important;border-radius:8px;transition:.2s}.nav-actions .nav-cta:hover{background:var(--blue);border-color:var(--blue);color:#fff!important}.announcement{max-width:1210px;margin:1rem auto 0;padding:.75rem 1rem;border:1px solid #163a5e;border-radius:10px;background:linear-gradient(90deg,rgba(22,131,255,.10),rgba(22,131,255,.025));display:flex;align-items:center;gap:.55rem;font-size:.75rem;color:#9eb1c7}.announcement strong{font-size:.62rem;letter-spacing:.1em;color:#61dda0}.announcement a{margin-left:auto;color:#72baff;text-decoration:none}.pulse-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#52d99a;box-shadow:0 0 13px #52d99a;flex:none}.hero-modern{max-width:1210px;padding:5.2rem 2rem 4.5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;margin:auto}.hero-modern .hero-copy h1{font-size:clamp(3.2rem,6vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:.8rem 0 1.3rem}.hero-modern .hero-sub{max-width:650px;font-size:1.02rem}.hero-modern .hero-actions{display:flex;gap:.7rem}.hero-modern .btn.secondary{background:transparent;border:1px solid var(--line);color:#cbd8e6;box-shadow:none}.hero-modern .hero-trust{display:flex;gap:1.1rem;flex-wrap:wrap;margin-top:1.3rem;color:#72849a;font-size:.72rem}.hero-panel{border:1px solid #1a2c42;background:linear-gradient(150deg,#0c1622,#060b12);border-radius:17px;padding:1.3rem;box-shadow:0 30px 100px rgba(0,0,0,.42),0 0 60px var(--glow)}.panel-top{display:flex;justify-content:space-between;font-size:.64rem;color:#62758c;letter-spacing:.12em}.panel-top b{font-size:.62rem;color:#62dda1;letter-spacing:.04em}.panel-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52d99a;box-shadow:0 0 10px #52d99a;margin-right:5px}.network-line{display:flex;align-items:center;padding:2.2rem .6rem 1.3rem}.network-node{width:12px;height:12px;border-radius:50%;background:#1b2a3d;border:2px solid #29415e}.network-node.active{background:#2b91ff;box-shadow:0 0 15px #1683ff}.network-link{height:2px;background:linear-gradient(90deg,#1e456d,#2e8be2);flex:1}.server-stack{display:grid;gap:.65rem}.server-stack>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.6rem;padding:.8rem;border:1px solid #16283b;background:#09121d;border-radius:10px}.server-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(22,131,255,.10);color:#70baff}.server-stack b{font-size:.75rem}.server-stack small{grid-column:2;color:#61738a;font-size:.62rem}.server-stack em{grid-row:1/3;grid-column:3;font-style:normal;color:#58d79a;font-size:.57rem;font-weight:800}.service-grid{max-width:1210px;margin:0 auto;padding:0 2rem 5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.service-card{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:.8rem;padding:1.1rem;border:1px solid var(--line);border-radius:12px;background:#09111b;text-decoration:none;transition:.2s}.service-card:hover{border-color:#2a5279;background:#0b1623;transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.2)}.service-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(22,131,255,.09);font-size:1.1rem}.service-card h3{font-size:.9rem}.service-card p{font-size:.68rem;margin:.2rem 0 0}.service-card>b{color:#6db8ff}.why{max-width:1210px;margin:0 auto;padding:1rem 2rem 5rem;display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem;border-top:1px solid var(--line);padding-top:5rem}.why h2{font-size:clamp(2rem,3.5vw,3.2rem);letter-spacing:-.04em;margin-top:.4rem}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.why-grid article{padding:1.2rem;border:1px solid var(--line);border-radius:12px;background:#09111b}.why-grid article>span{color:#4e91cc;font-size:.65rem;font-weight:800}.why-grid article h3{font-size:.9rem;margin:.55rem 0 .2rem}.why-grid article p{font-size:.72rem;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.6rem}.section-heading p{max-width:430px;font-size:.76rem;margin:0}.pricing{max-width:1210px;padding:2rem 2rem 5rem;margin:auto}.pricing h2{font-size:clamp(2rem,3.5vw,3rem);margin-top:.35rem}.plan-row{display:grid;grid-template-columns:1.5fr 1.1fr .8fr auto;align-items:center;gap:1.5rem;background:#09111b;border:1px solid var(--line);border-left:3px solid #17283c;border-radius:12px;padding:1.35rem 1.5rem;margin-bottom:.7rem;transition:.2s}.plan-row:hover{border-color:#29455f}.plan-row-featured{border-color:#286eaa;background:linear-gradient(90deg,rgba(22,131,255,.11),#09111b 38%)}.plan-tag{display:block;color:#73bbff;font-size:.6rem;letter-spacing:.1em;font-weight:800;margin-bottom:.25rem}.plan-row-name h3{font-size:1.05rem}.plan-row-name p{font-size:.7rem;margin:.2rem 0 0}.plan-row-specs{list-style:none;padding:0;margin:0;color:#8191a5;font-size:.7rem;display:grid;gap:.2rem}.plan-row-price .amount{font:700 1.55rem 'Space Grotesk'}.plan-row-price .period{display:block;color:#62738a;font-size:.62rem}.btn-primary.small{margin:0;padding:.62rem 1rem;font-size:.75rem}.status-section{max-width:1210px;margin:0 auto;padding:0 2rem 6rem}.status-card{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem;border:1px solid #1a3c5e;border-radius:14px;background:linear-gradient(110deg,rgba(22,131,255,.09),rgba(9,17,27,.8))}.status-card h2{font-size:1.5rem;margin:.5rem 0}.status-card h2 .pulse-dot{margin-right:.5rem}.status-items{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.status-items span{padding:.75rem;border:1px solid var(--line);border-radius:8px;color:#77889c;font-size:.68rem}.status-items b{display:block;color:#5cdaa0;margin-top:.2rem}.admin-nav{height:70px;padding:0 3rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#070d15;position:sticky;top:0;z-index:30}.admin-brand{text-decoration:none;font:700 1rem 'Space Grotesk'}.admin-brand span{color:#1683ff}.admin-links{display:flex;gap:.4rem}.admin-links a{font-size:.75rem;color:#8292a6;text-decoration:none;padding:.55rem .7rem;border-radius:7px}.admin-links a:hover{color:#fff;background:#0d1826}.admin-page{max-width:1000px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:block;color:#8191a5;font-size:.75rem;margin:1rem 0}.field input{display:block;width:100%;margin-top:.35rem;padding:.75rem;border:1px solid var(--line);background:#060b12;color:#fff;border-radius:8px}.field input:focus{outline:none;border-color:#2a7ec0}.field textarea,.field select{display:block;width:100%;margin-top:.35rem;padding:.75rem;border:1px solid var(--line);background:#060b12;color:#fff;border-radius:8px;font:inherit}.field textarea{min-height:130px;resize:vertical}.checkbox-line{display:flex;gap:.5rem;align-items:flex-start;font-size:.72rem;color:#8191a5;margin:.9rem 0}.checkbox-line input{margin-top:.2rem}
@media(max-width:1050px){.hero-modern{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr}.plan-row{grid-template-columns:1fr 1fr}.status-card{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.nav-burger{display:flex}.main-nav{position:fixed;top:0;right:0;height:100vh;width:min(320px,85vw);background:#070d16;border-left:1px solid #16283b;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:5rem 1rem 2rem;transform:translateX(100%);transition:.25s ease;overflow-y:auto;z-index:60}.main-nav.is-open{transform:translateX(0)}.main-nav>a,.nav-dropdown>button{width:100%;text-align:left;padding:.9rem .6rem;border-bottom:1px solid #101d2c}.nav-dropdown{width:100%}.mega-menu,.mega-menu.two-col{position:static;transform:none!important;opacity:1;pointer-events:auto;width:100%!important;box-shadow:none;background:transparent;border:0;grid-template-columns:1fr;padding:0 0 .5rem;display:none}.nav-dropdown.is-open .mega-menu{display:grid}.nav-actions-mobile{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.nav-actions-mobile a{padding:.8rem;text-align:center;border:1px solid #16283b;border-radius:8px;text-decoration:none;color:#cfe0f3}}
@media(max-width:650px){.live-bar{display:none}.site-header{padding:0 1rem}.brand-mark{height:38px;width:38px}.nav-actions>a:first-child{display:none}.announcement{margin:.7rem .8rem 0;font-size:.65rem}.announcement a{display:none}.hero-modern{padding:3.7rem 1rem 3rem}.hero-modern .hero-copy h1{font-size:3rem}.hero-modern .hero-actions{flex-direction:column;align-items:stretch}.hero-modern .hero-trust{display:block}.hero-modern .hero-trust span{display:block;margin:.35rem 0}.service-grid{grid-template-columns:1fr;padding:0 1rem 3.5rem}.why{padding:3.5rem 1rem}.why-grid{grid-template-columns:1fr}.pricing{padding:1rem 1rem 3.5rem}.section-heading{display:block}.section-heading p{margin-top:.6rem}.plan-row{grid-template-columns:1fr}.plan-row-price{text-align:left}.status-section{padding:0 1rem 4rem}.status-items{grid-template-columns:1fr}.admin-nav{padding:0 1rem}.admin-links a:nth-child(-n+3){display:none}.dashboard{margin:2rem 1rem}.settings-grid{grid-template-columns:1fr}.mega-menu{position:fixed;left:1rem;right:1rem;top:64px;width:auto!important;transform:translateY(8px)}.nav-dropdown:hover .mega-menu,.nav-dropdown:focus-within .mega-menu{transform:translateY(0)}}
/* Client portal */
.client-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 106px);gap:1rem;padding:1rem}.client-sidebar{position:sticky;top:86px;height:calc(100vh - 105px);background:#08111b;border:1px solid var(--line);border-radius:14px;padding:1rem;display:flex;flex-direction:column}.client-user{display:flex;align-items:center;gap:.65rem;padding:.5rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:rgba(22,131,255,.15);color:#78bcff;font-weight:800}.client-user b{display:block;font-size:.72rem}.client-user small{display:block;color:#65778d;font-size:.58rem;max-width:140px;overflow:hidden;text-overflow:ellipsis}.client-sidebar nav{display:grid;gap:.2rem;margin-top:1rem}.client-sidebar nav a,.sidebar-logout{padding:.7rem .65rem;border-radius:8px;color:#7f90a5;text-decoration:none;font-size:.72rem}.client-sidebar nav a:hover,.client-sidebar nav a.active{background:#0d1c2c;color:#fff}.sidebar-logout{margin-top:auto;color:#ff8d8d;border-top:1px solid var(--line);border-radius:0;padding-top:1rem}.client-main{min-width:0;padding:2rem 1rem 4rem}.client-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.client-head h1{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.045em;margin:.35rem 0}.client-head p{margin:0;font-size:.78rem}.client-main .portal-card{margin-top:1rem}.portal-stat small{display:block;color:#596b80;font-size:.58rem;margin-top:.25rem}.service-main{min-width:0}.service-type{color:#4c91cb;font-size:.55rem;letter-spacing:.12em;font-weight:800;margin-bottom:.2rem}.service-specs{display:flex;gap:.4rem}.service-specs span{border:1px solid #182a3e;border-radius:5px;padding:.3rem .45rem;color:#65778b;font-size:.58rem}.invoice-list{margin-top:1rem;border-top:1px solid var(--line)}.invoice-head,.invoice-row{display:grid;grid-template-columns:1.1fr 1.3fr .8fr .8fr;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.68rem}.invoice-head{color:#53657a;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}.invoice-row strong{text-align:left}.invoice-row small{display:block;color:#53657a;font-size:.56rem;margin-top:.2rem}@media(max-width:900px){.client-layout{grid-template-columns:1fr}.client-sidebar{position:static;height:auto}.client-sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-logout{margin-top:.5rem}.invoice-head{display:none}.invoice-row{grid-template-columns:1fr 1fr}.invoice-row>span:nth-child(3),.invoice-row>span:nth-child(4){text-align:left}}@media(max-width:600px){.client-main{padding:1rem 0 3rem}.client-head{display:block}.client-head .btn{margin-top:1rem}.client-sidebar nav{grid-template-columns:1fr 1fr}.service-row{flex-direction:column}.service-specs{order:3}.service-row .status{align-self:flex-start}}
/* MistyHost v3 product/admin UI */
.announcement{max-width:1210px;margin:.9rem auto 0;padding:.7rem 1rem;border:1px solid #17334f;background:linear-gradient(90deg,rgba(22,131,255,.09),rgba(9,17,27,.7));border-radius:10px;display:flex;align-items:center;gap:.65rem;font-size:.72rem}.announcement a{margin-left:auto;color:#72baff;text-decoration:none;font-weight:700}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52d99a;box-shadow:0 0 12px #52d99a}.home-services{max-width:1210px;margin:auto;padding:2rem 2rem 5rem}.hover-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.hover-service{min-height:105px;position:relative;overflow:hidden;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#0a121d,#080e16);text-decoration:none;transition:.22s}.hover-service:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(22,131,255,.08));opacity:0;transition:.22s}.hover-service:hover{border-color:#2a5b85;transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.25)}.hover-service:hover:after{opacity:1}.hover-service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(22,131,255,.1);font-size:1.25rem}.hover-service-info strong{display:block;font:600 1rem 'Space Grotesk'}.hover-service-info span{display:block;color:#687a8f;font-size:.68rem;margin-top:.2rem}.hover-order{position:absolute;right:1rem;bottom:1rem;z-index:2;color:#70b9ff;font-size:.61rem;font-weight:800;letter-spacing:.08em;opacity:0;transform:translateY(5px);transition:.2s}.hover-order b{font-size:.9rem;margin-left:.3rem}.hover-service:hover .hover-order{opacity:1;transform:none}.product-page{min-height:80vh}.product-hero{max-width:1210px;margin:auto;padding:5rem 2rem 3rem;display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.product-hero h1{font-size:clamp(3rem,6vw,5rem);letter-spacing:-.06em;margin:.6rem 0 1rem;display:flex;align-items:center;gap:1rem}.product-icon{font-size:.55em;width:1.5em;height:1.5em;display:grid;place-items:center;background:rgba(22,131,255,.1);border:1px solid #173957;border-radius:18px}.product-hero p{max-width:680px;font-size:1rem}.product-trust{display:flex;gap:1rem;flex-wrap:wrap;color:#71859b;font-size:.72rem;margin-top:1.4rem}.product-visual{min-height:280px;border:1px solid #1a3047;border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(22,131,255,.16),transparent 45%),#080e16;padding:2rem;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.3)}.product-visual strong{font:700 1.5rem 'Space Grotesk'}.product-visual small{color:#64768b}.product-visual>b{position:absolute;top:1rem;right:1rem;color:#5fdda0;font-size:.65rem}.product-visual i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52d99a;margin-right:.35rem}.visual-grid{position:absolute;inset:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;opacity:.55}.visual-grid span{border:1px solid #17324d;border-radius:8px;background:linear-gradient(180deg,rgba(22,131,255,.09),transparent)}.plans-page{max-width:1210px;margin:auto;padding:2rem 2rem 5rem}.product-plans{display:grid;gap:.8rem}.product-plan{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.5rem;background:#09111b;transition:.2s}.product-plan:hover{border-color:#2a567c;transform:translateY(-2px)}.plan-title{display:flex;align-items:center;gap:.6rem}.plan-title h3{font-size:1.15rem}.plan-title span,.featured-pill{font-size:.56rem;letter-spacing:.1em;font-weight:800;color:#78bbff;background:rgba(22,131,255,.11);padding:.25rem .4rem;border-radius:5px}.product-plan p{font-size:.72rem;margin:.3rem 0 .7rem}.spec-chips{display:flex;gap:.4rem;flex-wrap:wrap}.spec-chips span{font-size:.58rem;color:#73859a;border:1px solid #182b40;padding:.3rem .45rem;border-radius:5px}.plan-price{text-align:right;min-width:160px}.plan-price strong{font:700 1.8rem 'Space Grotesk'}.plan-price small{display:block;color:#61748b;font-size:.62rem;margin-bottom:.7rem}.plan-price .btn{font-size:.7rem}.empty-product{padding:3rem;border:1px dashed #22374d;border-radius:14px;text-align:center}.empty-product>span{font-size:2rem}.empty-product p{font-size:.75rem}.product-faq{max-width:1210px;margin:auto;padding:1rem 2rem 6rem;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;padding-top:4rem}.product-faq h2{font-size:clamp(2rem,3vw,3rem);margin-top:.4rem}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.faq-grid article{padding:1.1rem;border:1px solid var(--line);border-radius:11px}.faq-grid b{color:#5ba4e5;font-size:.65rem}.faq-grid h3{font-size:.85rem;margin:.55rem 0 .2rem}.faq-grid p{font-size:.67rem;margin:0}.admin-shell{max-width:1250px;margin:auto;padding:3rem 2rem 6rem}.admin-hero{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.admin-hero h1{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.05em;margin:.35rem 0}.admin-hero p{margin:0;font-size:.78rem}.admin-hero-actions{display:flex;gap:.5rem}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;margin-bottom:1rem}.admin-stats>div{padding:1rem;border:1px solid var(--line);border-radius:11px;background:#09111b}.admin-stats span,.admin-stats small{display:block;color:#66798f;font-size:.62rem}.admin-stats strong{display:block;font:700 1.45rem 'Space Grotesk';margin:.35rem 0}.admin-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.admin-panel,.admin-editor{border:1px solid var(--line);border-radius:14px;background:#09111b;padding:1.3rem}.panel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:.7rem}.panel-heading h2,.admin-editor h2{font-size:1.2rem;margin:.2rem 0}.panel-heading a{color:#6eb8ff;font-size:.68rem;text-decoration:none}.admin-mini-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line)}.admin-mini-row strong,.admin-mini-row small{display:block}.admin-mini-row strong{font-size:.72rem}.admin-mini-row small{color:#61738a;font-size:.58rem;margin-top:.2rem}.quick-link{display:flex;align-items:center;gap:.7rem;padding:.85rem;border:1px solid var(--line);border-radius:9px;text-decoration:none;margin-top:.55rem}.quick-link>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:rgba(22,131,255,.1);color:#6db9ff}.quick-link div{flex:1}.quick-link b,.quick-link small{display:block}.quick-link b{font-size:.72rem}.quick-link small{color:#607288;font-size:.58rem}.quick-link{color:#6eb8ff}.admin-plan-list{display:grid;gap:.7rem;margin-bottom:1.3rem}.admin-plan-card{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:#09111b}.admin-plan-top{display:flex;gap:.4rem}.category-pill{font-size:.56rem;color:#6fbbff;background:rgba(22,131,255,.1);padding:.25rem .4rem;border-radius:4px}.admin-plan-card h2{font-size:1rem;margin:.55rem 0 .2rem}.admin-plan-card p{font-size:.65rem;margin:0 0 .6rem}.admin-plan-actions{display:flex;align-items:center;gap:.4rem}.admin-editor{margin-top:1rem;display:grid;grid-template-columns:.65fr 1.35fr;gap:2rem}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:0 .7rem}.admin-form .field:first-of-type,.admin-form .field:nth-of-type(2),.admin-form .field:nth-of-type(3),.admin-form .field:nth-last-of-type(2),.admin-form .check,.admin-form button{grid-column:1/-1}.admin-form select,.admin-form textarea,.admin-form input{width:100%;margin-top:.35rem;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:#060b12;color:#fff;font:inherit}.admin-form textarea{min-height:90px;resize:vertical}.admin-form .check{font-size:.7rem;color:#8191a5;margin:1rem 0}.admin-form .check input{width:auto;margin-right:.4rem}.admin-order-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#09111b}.admin-order-head,.admin-order-row{display:grid;grid-template-columns:1.35fr 1fr .65fr .8fr .8fr 1.1fr;gap:1rem;align-items:center;padding:1rem}.admin-order-head{background:#0c1622;color:#607289;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}.admin-order-row{border-top:1px solid var(--line);font-size:.68rem}.admin-order-row strong,.admin-order-row small{display:block}.admin-order-row small,.muted{color:#607289;font-size:.57rem;margin-top:.2rem}.billing-alert{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;padding:1rem;border:1px solid #604d18;border-radius:12px;background:rgba(112,88,15,.1)}.billing-alert>div{display:flex;align-items:center;gap:.7rem}.billing-alert p{margin:.15rem 0 0;font-size:.65rem}.alert-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,202,77,.12);color:#ffd86c;font-weight:800}.paid-alert{border-color:#19563e;background:rgba(18,74,49,.1)}.paid-alert .alert-icon{background:rgba(82,217,154,.1);color:#66dfa4}.admin-login-body{min-height:100vh;display:grid;place-items:center;padding:1rem}.admin-login{width:min(430px,100%);padding:2rem;border:1px solid var(--line);border-radius:16px;background:#09111b;box-shadow:0 30px 100px rgba(0,0,0,.35)}.admin-login>img{width:46px;height:46px;border-radius:12px;display:block;margin-bottom:1.3rem}.admin-login h1{font-size:2rem;margin:.4rem 0}.admin-login p{font-size:.75rem}.admin-login small{display:block;color:#566a81;font-size:.58rem;margin-top:1rem}.badge-paid{background:#142f49;color:#7ebdff}.badge-pending{background:#3d3413;color:#f1d66e}.badge-provisioned{background:#123c2a;color:#6ee1a4}.badge-failed{background:#411d22;color:#ff9d9d}
@media(max-width:1050px){.hover-service-grid{grid-template-columns:1fr 1fr}.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-columns,.admin-editor{grid-template-columns:1fr}.admin-order-head{display:none}.admin-order-row{grid-template-columns:1fr 1fr}.product-hero{grid-template-columns:1fr}.product-faq{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.announcement{margin:.6rem .8rem;font-size:.62rem}.announcement a{display:none}.hover-service-grid{grid-template-columns:1fr}.home-services,.plans-page,.product-faq{padding-left:1rem;padding-right:1rem}.product-plan{grid-template-columns:1fr}.plan-price{text-align:left}.product-hero{padding:3rem 1rem 2rem}.product-hero h1{font-size:2.8rem;align-items:flex-start}.admin-shell{padding:2rem 1rem 4rem}.admin-hero{display:block}.admin-hero-actions{margin-top:1rem}.admin-stats{grid-template-columns:1fr 1fr}.admin-plan-card{display:block}.admin-plan-actions{margin-top:1rem}.admin-form{grid-template-columns:1fr}.admin-form .field{grid-column:1/-1!important}.faq-grid{grid-template-columns:1fr}.billing-alert{display:block}.billing-alert .btn{margin-top:.8rem}.admin-order-row{grid-template-columns:1fr}}
.connected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.connected-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:16px}.connected-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(79,139,255,.12);font-size:20px}.connected-info{display:flex;flex-direction:column;gap:3px;flex:1}.connected-name{font-size:13px}.connected-ok{font-size:12px;color:#63e6a8}.connection-note{margin-top:16px;padding:14px 16px;border-radius:12px;background:rgba(79,139,255,.07);border:1px solid rgba(79,139,255,.14);font-size:13px;color:#b9c5d8}.check-list{display:grid;gap:9px;margin:14px 0 18px}.check-list label{display:flex;gap:9px;align-items:center;font-size:14px}.check-list input{accent-color:#5b8cff}.secret-key{display:block;margin-top:10px;padding:13px;overflow:auto;border-radius:10px;background:#070b13;border:1px solid rgba(255,255,255,.1);word-break:break-all}.muted{color:#7f8da3;font-size:13px}@media(max-width:800px){.connected-grid{grid-template-columns:1fr}}

/* --- mobile nav burger + backdrop --- */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;border:1px solid #1a2c42;border-radius:8px;background:#0a1420;cursor:pointer;margin-left:auto}
.nav-burger span{display:block;width:18px;height:2px;background:#cfe0f3;margin:0 auto;transition:.2s}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nav-backdrop{position:fixed;inset:0;background:rgba(3,6,11,.6);opacity:0;pointer-events:none;transition:.2s;z-index:55}
.nav-backdrop.is-open{opacity:1;pointer-events:auto}
body.nav-locked{overflow:hidden}
@media(min-width:1051px){.nav-actions-mobile{display:none}}

/* --- live ticker with brand icons --- */
.live-bar{height:34px}
.live-track{animation-duration:38s}
.live-item{display:inline-flex;align-items:center;gap:.4rem;padding:0 .3rem}
.live-ok{color:#61dda0}
.live-pulse{width:6px;height:6px;border-radius:50%;background:#52d99a;box-shadow:0 0 8px #52d99a;flex:none}
.game-icon{width:16px;height:16px;border-radius:4px;display:inline-grid;place-items:center;overflow:hidden;flex:none;position:relative}
.game-icon img{width:100%;height:100%;object-fit:contain;display:block}
.game-icon-fallback{display:none;width:100%;height:100%;place-items:center;font:800 9px/1 'Space Grotesk',sans-serif;color:#fff;position:absolute;inset:0}
.brand-minecraft .game-icon-fallback,.brand-minecraft{background:#5b8c3a}
.brand-fivem .game-icon-fallback,.brand-fivem{background:#f40552}
.brand-rust .game-icon-fallback,.brand-rust{background:#ce4b31}
.brand-ark .game-icon-fallback,.brand-ark{background:#0f4c3a}
.brand-palworld .game-icon-fallback,.brand-palworld{background:#3aa0d8}
.brand-cs2 .game-icon-fallback,.brand-cs2{background:#e8a33d}
.mega-menu a{display:flex;align-items:center;gap:.65rem}
.mega-menu .game-icon{width:30px;height:30px;border-radius:8px}
.mega-menu .game-icon-fallback{font-size:13px}
@media(max-width:650px){.live-bar{display:flex;height:30px}.live-track{animation-duration:26s}.live-item{font-size:.62rem}}

/* --- cookie consent bar --- */
.cookie-bar{position:fixed;left:1rem;right:1rem;bottom:1rem;max-width:640px;margin:0 auto;background:#0a1420;border:1px solid #1a2c42;border-radius:14px;padding:1rem 1.2rem;box-shadow:0 25px 70px rgba(0,0,0,.5);z-index:80;display:none;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}
.cookie-bar.is-visible{display:flex}
.cookie-bar p{margin:0;font-size:.76rem;color:#a9b8c9;flex:1 1 260px}
.cookie-bar a{color:#72baff}
.cookie-actions{display:flex;gap:.5rem;flex:none}
@media(max-width:500px){.cookie-bar{flex-direction:column;align-items:stretch}.cookie-actions{justify-content:stretch}.cookie-actions .btn{flex:1}}

/* --- status page --- */
.status-page{max-width:900px;margin:0 auto;padding:3rem 1.5rem 5rem}
.status-hero{display:flex;align-items:center;gap:1.1rem;padding:1.6rem;border-radius:16px;border:1px solid #1a3c5e;background:linear-gradient(110deg,rgba(22,131,255,.1),rgba(9,17,27,.85));margin-bottom:1.5rem}
.status-hero h1{font-size:1.6rem;margin:.2rem 0}
.status-hero p{margin:0;color:#8697ab;font-size:.75rem}
.status-hero .btn{margin-left:auto}
.status-dot{width:13px;height:13px;border-radius:50%;flex:none}
.status-dot--operational{background:#52d99a;box-shadow:0 0 12px #52d99a}
.status-dot--degraded{background:#e8b93d;box-shadow:0 0 12px #e8b93d}
.status-dot--down{background:#ef5a6f;box-shadow:0 0 12px #ef5a6f}
.status-hero--down{border-color:#5e2530}
.status-hero--degraded{border-color:#5e4c25}
.status-list{display:grid;gap:.6rem;margin-bottom:2.5rem}
.status-row{display:grid;grid-template-columns:16px 1fr auto auto;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:#09111b}
.status-row-dot{width:9px;height:9px;border-radius:50%}
.status-row-main strong{display:block;font-size:.85rem}
.status-msg{color:#8697ab;font-size:.68rem}
.status-row-latency{color:#65778b;font-size:.68rem}
.status-row-state{font-size:.68rem;font-weight:700;padding:.3rem .6rem;border-radius:6px}
.status-row--operational .status-row-state{color:#5cdaa0;background:rgba(92,218,160,.1)}
.status-row--degraded .status-row-state{color:#e8b93d;background:rgba(232,185,61,.1)}
.status-row--down .status-row-state{color:#ef5a6f;background:rgba(239,90,111,.1)}
.status-note{border-top:1px solid var(--line);padding-top:1.5rem;color:#8697ab;font-size:.8rem;line-height:1.6}
.status-note h2{color:#e8f0f9;font-size:1.05rem;margin-bottom:.5rem}
.status-inline{padding:.15rem .5rem;border-radius:6px;font-size:.62rem;font-weight:800}
.status-inline--operational{color:#5cdaa0;background:rgba(92,218,160,.12)}
.status-inline--degraded{color:#e8b93d;background:rgba(232,185,61,.12)}
.status-inline--down{color:#ef5a6f;background:rgba(239,90,111,.12)}
@media(max-width:600px){.status-row{grid-template-columns:12px 1fr;grid-template-areas:"dot main" ". latency" ". state"}.status-row-latency,.status-row-state{justify-self:start}.status-hero{flex-wrap:wrap}.status-hero .btn{margin-left:0}}

/* --- legal page + 2FA bits --- */
.legal-page{max-width:760px;margin:0 auto;padding:3rem 1.5rem 5rem;color:#a9b8c9;line-height:1.7}
.legal-page h1{color:#fff;font-size:2rem;margin:.3rem 0 1rem}
.legal-page h2{color:#e8f0f9;font-size:1.1rem;margin:2rem 0 .6rem}
.cookie-table{width:100%;border-collapse:collapse;font-size:.78rem;margin:.5rem 0}
.cookie-table th,.cookie-table td{border:1px solid var(--line);padding:.6rem .7rem;text-align:left}
.cookie-table th{color:#72baff;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}
.qr-code{border-radius:10px;border:1px solid var(--line);background:#fff;padding:8px;margin:.6rem 0}

/* --- fuller footer (see footer.php) --- */
.site-footer--full{max-width:1210px;margin:0 auto;padding:3rem 2rem 1.5rem;display:block;border-top:1px solid var(--line)}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}
.footer-brand{display:flex;gap:.7rem;align-items:flex-start}
.footer-brand p{color:#7c8ca0;font-size:.75rem;margin:.3rem 0 0;max-width:260px}
.footer-col h4{color:#e8f0f9;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .7rem}
.footer-col a{display:block;color:#8697ab;text-decoration:none;font-size:.78rem;padding:.25rem 0}
.footer-col a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--line);color:#5c6d81;font-size:.7rem;flex-wrap:wrap}
.footer-bottom-links{display:flex;gap:1.2rem}
.footer-bottom a{color:#5c6d81;text-decoration:none}
.link-btn{background:none;border:0;color:#5c6d81;font-size:.7rem;cursor:pointer;padding:0;font-family:inherit}
.link-btn:hover{color:#fff}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}

/* --- cookie category details --- */
.cookie-bar{flex-direction:column;align-items:stretch}
.cookie-main{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}
.cookie-details{display:grid;gap:.7rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid #16283b}
.cookie-cat{display:flex;gap:.6rem;align-items:flex-start;font-size:.74rem;color:#a9b8c9}
.cookie-cat span{flex:1}
.cookie-cat em{font-style:normal;font-size:.62rem;font-weight:800;color:#72baff;background:rgba(114,186,255,.1);padding:.2rem .5rem;border-radius:6px;align-self:flex-start;white-space:nowrap}
.cookie-cat input{margin-top:.2rem;accent-color:#5b8cff}
.cookie-cat small{display:block;color:#65778b;font-size:.68rem;margin-top:.1rem}
.btn.full{width:100%}

/* --- maintenance state (distinct from down/degraded) --- */
.status-dot--maintenance{background:#9b7bf0;box-shadow:0 0 12px #9b7bf0}
.status-hero--maintenance{border-color:#4a3a72}
.status-row--maintenance .status-row-state{color:#b39bf5;background:rgba(155,123,240,.12)}
.status-inline--maintenance{color:#b39bf5;background:rgba(155,123,240,.12)}
.btn.danger{background:#3a1418;border:1px solid #66353a;color:#ff9d9d}
.btn.danger:hover{background:#4a1a1f}

/* --- big per-game hero banner (style: infinity-node.net product pages) --- */
.game-hero{position:relative;min-height:560px;display:flex;align-items:flex-end;background-size:cover;background-position:center;overflow:hidden;border-bottom:1px solid var(--line)}
.game-hero-inner{position:relative;z-index:2;max-width:1210px;width:100%;margin:0 auto;padding:3rem 2rem 3.5rem}
.game-hero-inner h1{font:800 clamp(3rem,7vw,5.2rem) 'Space Grotesk';letter-spacing:-.04em;margin:.4rem 0 1rem;color:#fff}
.game-hero-inner p{max-width:640px;font-size:1rem;color:#cdd9e6;line-height:1.6}
.game-hero-price{display:flex;align-items:baseline;gap:.5rem;margin:1.6rem 0 1rem;color:#cdd9e6;font-size:.85rem}
.game-hero-price strong{font:800 2.6rem 'Space Grotesk';color:#fff}
.game-hero-price small{color:#8ea3b8}
.game-hero .btn{font-size:.85rem;padding:.9rem 1.6rem}
/* dark base + game-brand-tinted radial glow, no photography needed */
.game-hero{background-color:#050a10}
.game-hero:before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 15% 20%,var(--glow-c,rgba(60,150,90,.35)),transparent 55%),linear-gradient(180deg,rgba(4,7,12,.2),rgba(4,7,12,.96));}
.hero-minecraft{--glow-c:rgba(98,190,69,.4)}
.hero-fivem{--glow-c:rgba(244,5,82,.32)}
.hero-ark{--glow-c:rgba(29,110,86,.4)}
.hero-rust{--glow-c:rgba(206,75,49,.35)}
.hero-palworld{--glow-c:rgba(58,160,216,.35)}
.hero-cs2{--glow-c:rgba(232,163,61,.32)}
.hero-vps,.hero-vds{--glow-c:rgba(22,131,255,.35)}
.hero-webhosting{--glow-c:rgba(120,140,255,.3)}
.hero-discordbot{--glow-c:rgba(88,101,242,.4)}
.hero-ddos{--glow-c:rgba(255,80,80,.3)}
@media(max-width:650px){.game-hero{min-height:420px}.game-hero-inner{padding:2rem 1.2rem 2.2rem}.game-hero-price strong{font-size:2rem}}

/* --- admin nav dropdowns (grouped, less clutter) --- */
.admin-links{display:flex;align-items:center;gap:.2rem}
.admin-dropdown{position:relative}
.admin-dropdown>button{font-size:.75rem;color:#8292a6;background:transparent;border:0;padding:.55rem .7rem;border-radius:7px;cursor:pointer;font-family:inherit}
.admin-dropdown>button span{color:#4c5c70;margin-left:.15rem;font-size:.65rem}
.admin-dropdown:hover>button,.admin-dropdown.is-open>button{color:#fff;background:#0d1826}
.admin-dropdown-menu{position:absolute;left:0;top:calc(100% + .5rem);min-width:220px;background:#0a1420;border:1px solid #1a2b40;border-radius:11px;box-shadow:0 25px 70px rgba(0,0,0,.5);padding:.4rem;opacity:0;pointer-events:none;transform:translateY(6px);transition:.15s;z-index:50}
.admin-dropdown.is-open .admin-dropdown-menu{opacity:1;pointer-events:auto;transform:none}
.admin-dropdown-menu a{display:block;padding:.65rem .75rem;border-radius:7px;color:#c3d1e0;text-decoration:none;font-size:.76rem}
.admin-dropdown-menu a:hover{background:#132132;color:#fff}
.admin-links>a.is-active{color:#fff;background:#0d1826}
.admin-logout{font-size:.75rem;color:#ff9d9d;text-decoration:none;padding:.55rem .8rem;border:1px solid #4a2126;border-radius:7px}
.admin-logout:hover{background:#2a1215}
@media(max-width:900px){.admin-nav{padding:0 1rem;height:auto;flex-wrap:wrap;gap:.6rem;padding-block:.8rem}.admin-links{flex-wrap:wrap}}

/* --- homepage hero carousel (cycles through game-hero banners, non-stop) --- */
.hero-carousel{position:relative;overflow:hidden}
.hero-carousel .hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .9s ease}
.hero-carousel .hero-slide.is-active{position:relative;opacity:1;pointer-events:auto;min-height:560px}