:root{--bg:#04060f;--bg2:#070b18;--card:#0d1220;--card2:#111a2e;--border:rgba(255,255,255,.09);--txt:#e8eeff;--muted:#94a3b8;--cyan:#22d3ee;--purple:#818cf8;--green:#34d399;--red:#f87171;--yellow:#fbbf24}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(34,211,238,.14),transparent 30%),radial-gradient(circle at 90% 0,rgba(129,140,248,.14),transparent 30%),var(--bg);color:var(--txt);font-family:Inter,system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(4,6,15,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.navin{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{height:34px}.links{display:flex;gap:4px}.links a{padding:9px 13px;border-radius:12px;color:var(--muted);font-weight:700;font-size:14px}.links a:hover,.links .active{background:rgba(255,255,255,.06);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#020617}.btn.secondary{background:rgba(255,255,255,.06);border:1px solid var(--border);color:#fff}.btn.danger{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.3);color:var(--red)}.hero{padding:95px 0 70px}.badge{display:inline-flex;padding:7px 13px;border:1px solid rgba(34,211,238,.25);border-radius:999px;color:var(--cyan);background:rgba(34,211,238,.08);font-weight:800;font-size:13px}.hero h1{font-size:clamp(42px,7vw,86px);line-height:.95;letter-spacing:-.07em;margin:20px 0}.grad{background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;color:transparent}.lead{color:var(--muted);font-size:18px;max-width:700px}.grid{display:grid;gap:22px}.cards{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:0 24px 60px rgba(0,0,0,.25)}.card.popular{border-color:rgba(34,211,238,.38);box-shadow:0 0 70px rgba(34,211,238,.08)}.price{font-size:42px;font-weight:950;letter-spacing:-.05em}.muted{color:var(--muted)}.section{padding:60px 0}.section h2{font-size:36px;letter-spacing:-.04em}.list{list-style:none;padding:0;display:grid;gap:10px}.list li:before{content:'✓';color:var(--green);margin-right:9px}.form{display:grid;gap:14px}.input,select,textarea{width:100%;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid var(--border);color:var(--txt)}label{font-weight:800;font-size:13px;color:var(--muted)}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}th,td{padding:14px;border-bottom:1px solid var(--border);text-align:left}th{color:var(--muted);font-size:12px;text-transform:uppercase}.pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-weight:800;font-size:12px}.pill.ok{color:var(--green);background:rgba(52,211,153,.1)}.pill.warn{color:var(--yellow);background:rgba(251,191,36,.1)}.pill.bad{color:var(--red);background:rgba(248,113,113,.1)}.layout{display:grid;grid-template-columns:240px 1fr;gap:22px;padding:28px 0}.side{position:sticky;top:92px;align-self:start}.side a{display:block;padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:800}.side a:hover,.side .active{background:rgba(255,255,255,.06);color:#fff}.flash{padding:13px 15px;border-radius:14px;margin:12px 0;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.2);color:var(--cyan)}.footer{padding:40px 0;border-top:1px solid var(--border);color:var(--muted)}@media(max-width:850px){.links{display:none}.cards{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.side{position:static}.hero{padding:60px 0}.navin{height:auto;min-height:70px}.card{padding:20px}}
.menuBtn{display:none;background:rgba(255,255,255,.06);border:1px solid var(--border);color:#fff;border-radius:12px;padding:9px 12px;font-size:20px}
@media(max-width:850px){.menuBtn{display:block}.navin{height:70px}.links{display:none;position:absolute;left:16px;right:16px;top:76px;padding:12px;background:rgba(7,11,24,.98);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.45);flex-direction:column}.links.open{display:flex}.links a{display:block}.brand img{height:32px;max-width:32px}.brand span{font-size:18px}}

/* 1.0.1: mobile/content safety fixes */
html,body{min-height:100%;overflow-x:hidden}.wrap{max-width:1180px}.nav{width:100%}.navin{gap:14px}.links{align-items:center}.hero,.section,.layout{position:relative;z-index:1}.hero{min-height:auto;padding:72px 0 52px}.hero .badge,.hero h1,.hero p,.section h2,.card{opacity:1;visibility:visible}.brand img{width:34px;height:34px;object-fit:contain}.footer{position:relative;z-index:1}
@media(max-width:850px){body{background-color:var(--bg)}.wrap{width:min(100% - 28px,1180px)}main.wrap{display:block;min-height:60vh}.hero{padding:44px 0 34px}.hero h1{font-size:40px;line-height:1.02;letter-spacing:-.045em;margin:16px 0}.lead{font-size:16px}.section{padding:30px 0}.section h2{font-size:28px}.navin{height:64px;min-height:64px}.links{top:70px}.links a{font-size:15px;padding:12px 14px}.btn{width:auto;min-height:44px}.grid{gap:16px}}
@media(max-width:420px){.wrap{width:calc(100% - 22px)}.brand span{font-size:14px}.links{left:10px;right:10px}.hero h1{font-size:34px}.card{border-radius:20px;padding:18px}.price{font-size:34px}}

/* NordicNode Premium Admin v2 */
:root{--pink:#ff0a6c;--blue:#1d9bff;--admin-bg:#050914;--admin-card:#081121;--admin-card2:#111827;--admin-line:rgba(255,10,108,.28)}
body{background:radial-gradient(circle at 7% 15%,rgba(0,179,255,.22),transparent 28%),radial-gradient(circle at 80% 5%,rgba(255,10,108,.26),transparent 34%),linear-gradient(180deg,#050914,#071323 55%,#050914)!important;background-attachment:fixed!important}.nav{background:rgba(5,9,20,.9);border-bottom:1px solid rgba(255,10,108,.22)}.brand span{letter-spacing:.02em}.admin-shell{padding:24px 0 64px}.admin-top-card,.admin-title-card,.admin-panel,.admin-stat,.admin-table-card{border:1px solid var(--admin-line);border-radius:22px;background:linear-gradient(180deg,rgba(12,18,34,.94),rgba(3,7,16,.96));box-shadow:0 0 0 1px rgba(0,163,255,.06),0 0 50px rgba(255,10,108,.13);overflow:hidden}.admin-top-card{padding:22px;margin-bottom:24px}.admin-brandbox{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:16px;padding:14px 16px;margin-bottom:18px}.admin-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2396ff,#ff0a6c);display:grid;place-items:center;font-weight:950;color:#fff;box-shadow:0 0 26px rgba(255,10,108,.35)}.admin-brandbox strong{display:block;color:#fff}.admin-brandbox small{display:block;color:#b9c2d4}.admin-tabs{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;padding:16px;border-top:1px solid rgba(255,10,108,.18);border-bottom:1px solid rgba(255,10,108,.18);background:rgba(2,6,16,.72)}.admin-tabs a{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:14px 16px;font-weight:900;color:#dbeafe;border:1px solid transparent}.admin-tabs a:hover,.admin-tabs a.active{background:linear-gradient(135deg,rgba(29,155,255,.18),rgba(255,10,108,.24));border-color:rgba(255,10,108,.42);box-shadow:0 0 28px rgba(255,10,108,.18)}.admin-breadcrumb{padding:16px 2px 0;color:#cbd5e1;font-size:13px;font-weight:800}.admin-breadcrumb a{display:block;color:#fff;margin-bottom:5px}.admin-title-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 30px;margin-bottom:24px;background:linear-gradient(120deg,rgba(0,157,255,.30),rgba(255,10,108,.27),rgba(3,7,16,.95))}.admin-title-card p{margin:0 0 8px;color:#a9d6ff;letter-spacing:.22em;font-weight:950;font-size:12px}.admin-title-card h1{margin:0;font-size:38px;line-height:1;letter-spacing:-.04em}.admin-title-card span{display:block;margin-top:9px;color:#cbd5e1}.admin-user-dot{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(2,6,16,.75);border:1px solid rgba(255,255,255,.08);font-weight:900}.admin-user-dot i{width:10px;height:10px;border-radius:50%;background:#00ff87;box-shadow:0 0 13px #00ff87}.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.admin-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.admin-stat,.admin-panel,.admin-table-card{padding:22px;margin-bottom:18px}.admin-stat b{display:block;font-size:32px;color:#229aff;line-height:1;margin-bottom:9px}.admin-stat span{color:#cbd5e1;font-weight:800}.admin-panel h2,.admin-table-card h2{margin:0 0 18px;font-size:21px}.admin-actions{display:grid;gap:12px}.admin-action{display:flex;justify-content:space-between;align-items:center;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);padding:13px 16px;font-weight:900}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-input,.admin-panel input,.admin-panel select,.admin-panel textarea{background:rgba(3,7,16,.82)!important;border:1px solid rgba(255,10,108,.35)!important;border-radius:13px!important;color:#fff!important;padding:13px 14px!important}.admin-panel textarea{min-height:120px}.admin-full{grid-column:1/-1}.admin-btn{width:100%;border:0;border-radius:999px;padding:15px 18px;color:#fff;font-weight:950;cursor:pointer;background:linear-gradient(90deg,#1d9bff,#ff0a6c);box-shadow:0 0 28px rgba(255,10,108,.35)}.admin-btn.small{width:auto;padding:9px 13px;font-size:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,10,108,.35);box-shadow:none}.admin-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.admin-table{width:100%;min-width:760px;border-collapse:collapse;background:rgba(5,9,20,.62)}.admin-table th{background:rgba(255,255,255,.045);color:#aab6c8;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.admin-table td,.admin-table th{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.065)}.admin-table tr:last-child td{border-bottom:0}.admin-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid rgba(255,255,255,.09)}.admin-pill.ok{color:#48ffab;background:rgba(72,255,171,.10);border-color:rgba(72,255,171,.23)}.admin-pill.warn{color:#ffd166;background:rgba(255,209,102,.10);border-color:rgba(255,209,102,.23)}.admin-pill.bad{color:#ff6b9a;background:rgba(255,10,108,.10);border-color:rgba(255,10,108,.30)}.admin-preview{border-radius:18px;border:1px solid rgba(255,10,108,.28);background:#081121;padding:20px}.admin-preview h3{margin:0 0 8px}.footer{background:rgba(3,7,16,.82);border-top:1px solid rgba(255,10,108,.22)}
@media(max-width:900px){.admin-shell{width:calc(100% - 22px);padding-top:16px}.admin-tabs{grid-template-columns:repeat(2,1fr);padding:12px;gap:10px}.admin-tabs a{justify-content:flex-start;padding:13px 14px}.admin-title-card{padding:22px 18px;border-radius:18px}.admin-title-card h1{font-size:31px}.admin-grid-2,.admin-grid-4,.admin-form-grid{grid-template-columns:1fr}.admin-user-dot{align-self:flex-start}.admin-title-card{align-items:flex-start;flex-direction:column}.admin-panel,.admin-table-card,.admin-stat{padding:18px}.admin-top-card{padding:14px}.admin-table{min-width:620px}} 
.wrap .admin-shell.wrap{width:100%;}

/* Modern landing page v3 */
.landing-hero{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:74px 0 58px;position:relative}.landing-hero:before{content:'';position:absolute;inset:18px -40px auto -40px;height:520px;background:radial-gradient(circle at 18% 20%,rgba(29,155,255,.24),transparent 34%),radial-gradient(circle at 72% 15%,rgba(255,10,108,.24),transparent 36%);filter:blur(2px);z-index:-1}.neo-badge{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);color:#dbeafe;font-size:13px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.neo-badge i{width:9px;height:9px;border-radius:999px;background:#21ff9a;box-shadow:0 0 16px #21ff9a}.hero-copy h1{margin:20px 0 18px;font-size:clamp(48px,7.8vw,96px);line-height:.92;letter-spacing:-.075em;max-width:820px}.hero-copy h1 span{display:block;background:linear-gradient(90deg,#1d9bff,#8b5cf6,#ff0a6c);-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:20px;line-height:1.7;color:#b9c5d8;max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.neo-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;background:linear-gradient(90deg,#1d9bff,#ff0a6c);color:#fff;font-weight:950;box-shadow:0 0 34px rgba(255,10,108,.28);border:1px solid rgba(255,255,255,.1)}.neo-btn.ghost{background:rgba(255,255,255,.055);box-shadow:none;color:#fff}.neo-btn.full{width:100%;margin-top:10px}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px}.trust-row div{padding:16px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.trust-row b{display:block;font-size:24px}.trust-row small{color:#94a3b8;font-weight:800}.hero-visual{min-height:520px;position:relative;display:grid;place-items:center}.server-card.main{width:min(440px,100%);padding:24px;border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.96));border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(255,10,108,.18),0 40px 120px rgba(0,0,0,.5),0 0 80px rgba(29,155,255,.12);transform:rotate(-2deg)}.server-head{display:flex;align-items:center;gap:10px}.server-head b{font-size:18px}.server-head em{margin-left:auto;font-style:normal;color:#54ffad;font-weight:950}.pulse{width:13px;height:13px;border-radius:999px;background:#20ff94;box-shadow:0 0 18px #20ff94}.meter{height:15px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:28px 0}.meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1d9bff,#ff0a6c)}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.server-grid span{padding:16px;border-radius:18px;background:rgba(255,255,255,.045);color:#94a3b8}.server-grid b{color:#fff;font-size:18px}.float-card{position:absolute;padding:13px 17px;border-radius:17px;background:rgba(7,11,24,.84);border:1px solid rgba(255,255,255,.12);font-weight:950;box-shadow:0 24px 60px rgba(0,0,0,.32)}.float-card.one{top:80px;right:20px}.float-card.two{bottom:80px;left:30px}.orb{position:absolute;width:210px;height:210px;border-radius:999px;background:linear-gradient(135deg,rgba(29,155,255,.35),rgba(255,10,108,.35));filter:blur(20px);z-index:-1}.landing-section{padding:50px 0}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-strip article,.glass-list,.price-card,.cta-panel{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.feature-strip article{padding:24px}.feature-strip span{color:#ff4d9b;font-weight:950}.feature-strip h3{font-size:24px;margin:12px 0 8px}.feature-strip p{color:#aebbd0;line-height:1.65}.split-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center}.split-section h2,.section-head h2,.cta-panel h2{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.055em;margin:18px 0}.big{font-size:18px;line-height:1.75}.glass-list{padding:12px}.glass-list div{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid rgba(255,255,255,.07)}.glass-list div:last-child{border-bottom:0}.glass-list b{font-size:18px}.glass-list span{color:#94a3b8;text-align:right}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.text-link{color:#dbeafe;font-weight:950}.modern-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:26px;position:relative;overflow:hidden}.price-card.hot{border-color:rgba(255,10,108,.38);box-shadow:0 0 70px rgba(255,10,108,.12)}.price-card small{color:#67e8f9;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.price-card h3{font-size:28px;margin:12px 0 6px}.price-card p{color:#9fb0c8;min-height:48px}.price-card .price{font-size:38px}.price-card .price span{font-size:15px;color:#94a3b8;margin-left:4px}.price-card ul{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px}.price-card li:before{content:'✓';color:#21ff9a;margin-right:8px}.corner{position:absolute;right:-38px;top:22px;transform:rotate(35deg);background:linear-gradient(90deg,#1d9bff,#ff0a6c);padding:8px 48px;font-weight:950}.cta-panel{text-align:center;padding:44px 22px;margin-bottom:60px;background:radial-gradient(circle at 50% 0,rgba(255,10,108,.18),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.cta-panel p{color:#b9c5d8;font-size:18px;margin-bottom:24px}@media(max-width:900px){.landing-hero,.split-section{grid-template-columns:1fr}.landing-hero{min-height:auto;padding:46px 0 32px}.hero-visual{min-height:360px}.feature-strip,.modern-pricing{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.glass-list div{align-items:flex-start;flex-direction:column}.glass-list span{text-align:left}.float-card.one{right:0}.float-card.two{left:0;bottom:36px}.server-card.main{transform:none}.hero-copy p{font-size:17px}.landing-section{padding:34px 0}}@media(max-width:420px){.hero-copy h1{font-size:42px}.hero-visual{min-height:300px}.server-grid{grid-template-columns:1fr}.float-card{display:none}.price-card .price{font-size:31px}}

/* Landing template 2 */
.landing2-hero{position:relative;max-width:1180px;margin:34px auto 22px;padding:56px 26px;min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;border:1px solid rgba(255,0,110,.22);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 12% 15%,rgba(0,154,255,.26),transparent 32%),radial-gradient(circle at 90% 12%,rgba(255,0,110,.28),transparent 34%),linear-gradient(135deg,rgba(8,14,29,.96),rgba(5,8,18,.98));box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 50px rgba(255,0,110,.12)}
.landing2-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 35%,#000,transparent 72%);opacity:.45}
.landing2-copy,.landing2-console{position:relative;z-index:1}.landing2-copy h1{font-size:clamp(42px,7vw,86px);line-height:.92;margin:18px 0;font-weight:950;letter-spacing:-.07em}.landing2-copy h1 span{display:block;background:linear-gradient(90deg,#2aa8ff,#ff0070);-webkit-background-clip:text;color:transparent}.landing2-copy p{max-width:700px;color:#c8d3ee;font-size:18px;line-height:1.7}.landing2-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.landing2-pills b{font-size:13px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.landing2-console{border-radius:26px;background:rgba(4,8,18,.86);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 40px rgba(42,168,255,.18);padding:0;overflow:hidden;transform:rotate(1.2deg)}.console-top{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.console-top span{width:11px;height:11px;border-radius:50%;background:#ff3b70}.console-top span:nth-child(2){background:#ffc247}.console-top span:nth-child(3){background:#12d77d}.console-top b{margin-left:auto;color:#b8c5df}.console-line{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.06);color:#eaf1ff}.console-line.ok{color:#20e58b}.console-line.blue{color:#39b5ff}.console-line.pink{color:#ff3f91}.console-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.console-stats div{padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(42,168,255,.12),rgba(255,0,110,.09));border:1px solid rgba(255,255,255,.1)}.console-stats small{display:block;color:#8ea0bd}.console-stats strong{font-size:24px}.landing2-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landing2-cards article{padding:26px;border-radius:24px;background:rgba(10,16,31,.82);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.25)}.landing2-cards article div{font-size:34px;margin-bottom:15px}.landing2-cards h3{font-size:22px;margin:0 0 8px}.landing2-cards p{color:#aebbd4;line-height:1.6}.landing2-showcase{display:grid;grid-template-columns:1fr .9fr;gap:22px;align-items:center}.landing2-mini-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.landing2-mini-dashboard div{min-height:120px;border-radius:24px;background:radial-gradient(circle at 20% 10%,rgba(42,168,255,.2),transparent 45%),rgba(9,14,28,.88);border:1px solid rgba(255,255,255,.11);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.landing2-mini-dashboard span{color:#9fb0cd}.landing2-mini-dashboard b{font-size:30px;background:linear-gradient(90deg,#2aa8ff,#ff0070);-webkit-background-clip:text;color:transparent}
@media(max-width:900px){.landing2-hero,.landing2-showcase{grid-template-columns:1fr}.landing2-hero{padding:34px 16px;min-height:auto}.landing2-console{transform:none}.landing2-cards{grid-template-columns:1fr}.landing2-mini-dashboard{grid-template-columns:1fr 1fr}.landing2-copy h1{font-size:46px}}
@media(max-width:520px){.landing2-mini-dashboard{grid-template-columns:1fr}.landing2-copy h1{font-size:38px}.landing2-hero{border-radius:24px;margin:20px 10px}}

/* Landing template 3 - customer focused */
.landing3-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .8fr;gap:34px;align-items:center;min-height:680px;margin:28px auto;max-width:1220px;padding:70px 44px;border-radius:34px;background:radial-gradient(circle at 15% 15%,rgba(42,168,255,.24),transparent 34%),radial-gradient(circle at 90% 10%,rgba(255,0,112,.18),transparent 35%),linear-gradient(135deg,rgba(9,16,32,.96),rgba(5,9,19,.98));border:1px solid rgba(255,255,255,.11);box-shadow:0 28px 90px rgba(0,0,0,.42)}
.landing3-copy h1{font-size:68px;line-height:.96;margin:20px 0;background:linear-gradient(90deg,#fff,#b8dcff 60%,#ff8bc0);-webkit-background-clip:text;color:transparent;letter-spacing:-3px}.landing3-copy p{font-size:19px;line-height:1.75;color:#b9c7df;max-width:680px}.landing3-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.landing3-trust div,.landing3-card,.landing3-steps article,.landing3-benefits div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.24)}.landing3-trust div{padding:18px;border-radius:20px}.landing3-trust b{display:block;color:#fff}.landing3-trust span{display:block;margin-top:7px;color:#90a2c0;font-size:13px;line-height:1.45}.landing3-card{border-radius:30px;padding:28px;transform:rotate(1.2deg)}.landing3-status{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(32,229,139,.1);color:#7dffbd;border:1px solid rgba(32,229,139,.22);font-weight:800}.landing3-status span{width:10px;height:10px;border-radius:50%;background:#20e58b;box-shadow:0 0 18px #20e58b}.landing3-card h3{font-size:34px;margin:22px 0}.landing3-progress{height:12px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin-bottom:20px}.landing3-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2aa8ff,#ff0070)}.landing3-card ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.landing3-card li{display:flex;justify-content:space-between;gap:15px;padding:16px;border-radius:18px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}.landing3-card em{font-style:normal;color:#91a4c4}.landing3-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landing3-steps article{padding:28px;border-radius:26px}.landing3-steps span{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#2aa8ff,#ff0070);font-weight:900;margin-bottom:18px}.landing3-steps h3{font-size:24px;margin:0 0 10px}.landing3-steps p{color:#aebbd4;line-height:1.65}.landing3-split{display:grid;grid-template-columns:.9fr 1fr;gap:24px;align-items:center}.landing3-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.landing3-benefits div{min-height:150px;border-radius:24px;padding:22px;font-size:26px}.landing3-benefits b{display:block;margin-top:12px;font-size:20px}.landing3-benefits span{display:block;margin-top:8px;color:#9fb0cd;font-size:14px;line-height:1.5}
@media(max-width:900px){.landing3-hero,.landing3-split{grid-template-columns:1fr}.landing3-hero{padding:38px 18px;min-height:auto}.landing3-copy h1{font-size:46px}.landing3-trust,.landing3-steps{grid-template-columns:1fr}.landing3-card{transform:none}.landing3-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.landing3-benefits{grid-template-columns:1fr}.landing3-copy h1{font-size:38px}.landing3-hero{border-radius:24px;margin:20px 10px}}

/* Partner / partner scrolling banner */
.partner-banner{margin:34px auto 18px;max-width:1180px;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 18px 60px rgba(0,0,0,.22);overflow:hidden;position:relative}
.partner-banner:before,.partner-banner:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}.partner-banner:before{left:0;background:linear-gradient(90deg,#070b16,transparent)}.partner-banner:after{right:0;background:linear-gradient(270deg,#070b16,transparent)}
.partner-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:rgba(255,255,255,.72);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.partner-head b{color:#fff;text-transform:none;letter-spacing:0;font-size:14px}
.partner-marquee{overflow:hidden}.partner-track{display:flex;gap:14px;width:max-content;animation:partnerScroll 26s linear infinite}.partner-banner:hover .partner-track{animation-play-state:paused}
.partner-item{height:74px;min-width:210px;padding:0 18px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;white-space:nowrap}.partner-item img{width:42px;height:42px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.08);padding:6px}.partner-item strong{font-size:15px}.partner-initial{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2dd4bf,#6366f1);font-weight:900;color:white}
@keyframes partnerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions form{display:inline}.admin-mini{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;padding:8px 10px;text-decoration:none;cursor:pointer}.admin-mini.danger{border-color:rgba(255,80,80,.35);color:#ffb4b4}
@media(max-width:700px){.partner-banner{margin:22px 14px;padding:14px;border-radius:20px}.partner-head{align-items:flex-start;flex-direction:column}.partner-item{min-width:170px;height:64px}.partner-track{animation-duration:18s}.partner-banner:before,.partner-banner:after{width:42px}}

/* NordicNode Blue Theme Fix - removes rainbow/pink/purple look globally */
:root{
  --bg:#050b16!important;
  --bg2:#071225!important;
  --card:#0b1424!important;
  --card2:#101c31!important;
  --border:rgba(96,165,250,.16)!important;
  --txt:#eef6ff!important;
  --muted:#9fb3cc!important;
  --cyan:#38bdf8!important;
  --purple:#2563eb!important;
  --pink:#38bdf8!important;
  --blue:#2563eb!important;
  --admin-line:rgba(59,130,246,.26)!important;
}
body{
  background:radial-gradient(circle at 12% 4%,rgba(37,99,235,.18),transparent 34%),radial-gradient(circle at 88% 2%,rgba(14,165,233,.12),transparent 35%),linear-gradient(180deg,#050b16,#071225 52%,#050b16)!important;
  background-attachment:fixed!important;
}
.nav{background:rgba(5,11,22,.90)!important;border-bottom:1px solid rgba(96,165,250,.16)!important}.btn,.neo-btn,.admin-btn,.corner,.landing3-steps span{background:linear-gradient(90deg,#2563eb,#38bdf8)!important;color:#fff!important;box-shadow:0 0 30px rgba(37,99,235,.22)!important}.btn{color:#fff!important}.btn.secondary,.neo-btn.ghost{background:rgba(15,23,42,.78)!important;border:1px solid rgba(96,165,250,.18)!important;box-shadow:none!important}.grad,.hero-copy h1 span,.landing2-copy h1 span,.landing2-mini-dashboard b{background:linear-gradient(90deg,#eff6ff,#93c5fd,#38bdf8)!important;-webkit-background-clip:text!important;color:transparent!important}.neo-badge,.badge{background:rgba(37,99,235,.10)!important;border-color:rgba(96,165,250,.24)!important;color:#bfdbfe!important}.neo-badge i,.pulse,.admin-user-dot i{background:#38bdf8!important;box-shadow:0 0 16px #38bdf8!important}.card.popular,.price-card.hot{border-color:rgba(96,165,250,.35)!important;box-shadow:0 0 70px rgba(37,99,235,.13)!important}.landing-hero:before{background:radial-gradient(circle at 18% 20%,rgba(37,99,235,.22),transparent 34%),radial-gradient(circle at 72% 15%,rgba(14,165,233,.14),transparent 36%)!important}.server-card.main{box-shadow:0 0 0 1px rgba(96,165,250,.16),0 40px 120px rgba(0,0,0,.50),0 0 80px rgba(37,99,235,.14)!important}.meter span,.landing3-progress i{background:linear-gradient(90deg,#2563eb,#38bdf8)!important}.orb{background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(14,165,233,.22))!important}.feature-strip span{color:#60a5fa!important}.cta-panel{background:radial-gradient(circle at 50% 0,rgba(37,99,235,.18),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important}.landing2-hero,.landing3-hero{border-color:rgba(96,165,250,.18)!important;background:radial-gradient(circle at 12% 15%,rgba(37,99,235,.22),transparent 32%),radial-gradient(circle at 90% 12%,rgba(14,165,233,.13),transparent 34%),linear-gradient(135deg,rgba(8,14,29,.97),rgba(5,11,22,.99))!important;box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 50px rgba(37,99,235,.11)!important}.landing3-copy h1{background:linear-gradient(90deg,#fff,#bfdbfe 60%,#38bdf8)!important;-webkit-background-clip:text!important;color:transparent!important}.console-top span{background:#60a5fa!important}.console-top span:nth-child(2){background:#38bdf8!important}.console-top span:nth-child(3){background:#22c55e!important}.console-line.pink{color:#60a5fa!important}.console-stats div{background:linear-gradient(145deg,rgba(37,99,235,.14),rgba(14,165,233,.08))!important}.admin-top-card,.admin-title-card,.admin-panel,.admin-stat,.admin-table-card{border-color:rgba(96,165,250,.18)!important;box-shadow:0 0 0 1px rgba(14,165,233,.05),0 0 45px rgba(37,99,235,.10)!important}.admin-avatar{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;box-shadow:0 0 26px rgba(37,99,235,.30)!important}.admin-tabs{border-top-color:rgba(96,165,250,.14)!important;border-bottom-color:rgba(96,165,250,.14)!important}.admin-tabs a:hover,.admin-tabs a.active{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(14,165,233,.14))!important;border-color:rgba(96,165,250,.34)!important;box-shadow:0 0 28px rgba(37,99,235,.15)!important}.admin-title-card{background:linear-gradient(120deg,rgba(37,99,235,.27),rgba(14,165,233,.12),rgba(3,7,16,.95))!important}.admin-input,.admin-panel input,.admin-panel select,.admin-panel textarea{border-color:rgba(96,165,250,.26)!important}.admin-stat b{color:#60a5fa!important}.partner-banner{border-color:rgba(96,165,250,.16)!important;background:linear-gradient(180deg,rgba(37,99,235,.07),rgba(255,255,255,.025))!important}.partner-item{border-color:rgba(96,165,250,.16)!important;background:rgba(15,23,42,.72)!important}.partner-initial{background:linear-gradient(135deg,#2563eb,#38bdf8)!important}.landing3-card,.landing3-trust div,.landing3-steps article,.landing3-benefits div,.landing2-cards article,.landing2-mini-dashboard div,.feature-strip article,.glass-list,.price-card{border-color:rgba(96,165,250,.13)!important;background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(8,15,29,.82))!important}

/* NordicNode package hover effects */
@media (hover:hover) and (pointer:fine){
  .cards > .card,
  .modern-pricing .price-card,
  .price-card{
    position:relative;
    overflow:hidden;
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
    will-change:transform;
  }
  .cards > .card:before,
  .modern-pricing .price-card:before,
  .price-card:before{
    content:"";
    position:absolute;
    inset:-1px;
    background:linear-gradient(120deg,transparent 0%,rgba(96,165,250,.18) 48%,transparent 100%);
    transform:translateX(-130%);
    transition:transform .55s ease;
    pointer-events:none;
  }
  .cards > .card:hover,
  .modern-pricing .price-card:hover,
  .price-card:hover{
    transform:translateY(-10px);
    border-color:rgba(96,165,250,.55)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 0 1px rgba(96,165,250,.28),0 0 42px rgba(37,99,235,.22)!important;
    background:linear-gradient(180deg,rgba(37,99,235,.10),rgba(8,15,29,.88))!important;
  }
  .cards > .card:hover:before,
  .modern-pricing .price-card:hover:before,
  .price-card:hover:before{transform:translateX(130%)}
  .cards > .card .btn,
  .modern-pricing .price-card .neo-btn,
  .price-card .neo-btn{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
  .cards > .card:hover .btn,
  .modern-pricing .price-card:hover .neo-btn,
  .price-card:hover .neo-btn{transform:scale(1.035);box-shadow:0 0 32px rgba(37,99,235,.30)!important;filter:brightness(1.08)}
  .cards > .card .badge,
  .price-card small,
  .price-card .corner{transition:transform .22s ease,background .22s ease,border-color .22s ease}
  .cards > .card:hover .badge,
  .price-card:hover small,
  .price-card:hover .corner{transform:translateY(-2px)}
  .cards > .card .price,
  .price-card .price{transition:color .22s ease,text-shadow .22s ease,transform .22s ease}
  .cards > .card:hover .price,
  .price-card:hover .price{color:#bfdbfe!important;text-shadow:0 0 22px rgba(96,165,250,.26);transform:translateX(2px)}
  .cards > .card li,
  .price-card li{transition:transform .18s ease,color .18s ease}
  .cards > .card:hover li,
  .price-card:hover li{color:#eaf4ff;transform:translateX(3px)}
}

.ptero-note{padding:14px 16px;border:1px solid rgba(59,130,246,.25);background:rgba(37,99,235,.08);border-radius:14px;color:#cfe3ff}.ptero-note a{color:#93c5fd}

/* Category-first order flow */
.category-grid .category-card{position:relative;overflow:hidden;min-height:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;}
.category-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 0%,rgba(59,130,246,.18),transparent 38%);pointer-events:none;opacity:.9;}
.category-card>*{position:relative;z-index:1;}
.category-card:hover{transform:translateY(-8px);border-color:rgba(96,165,250,.7);box-shadow:0 16px 42px rgba(37,99,235,.22),0 0 0 1px rgba(96,165,250,.22);}
.category-card .gameicon{font-size:2.4rem;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.24);margin-bottom:12px;}
.category-card .badge{margin-bottom:8px;background:rgba(37,99,235,.14);border-color:rgba(96,165,250,.28);color:#bfdbfe;}
.category-card .btn{margin-top:14px;}


/* Hover effect settings */
.hover-shine .plan-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(59,130,246,.25)}
.hover-zoom .plan-card:hover{transform:scale(1.04)}
.hover-disabled .plan-card:hover{transform:none;box-shadow:none}


/* Global card hover effects controlled from Admin -> Indstillinger */
.plan-card,.package-card,.game-card,.feature-card,.partner-item,.card{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
.hover-shine .plan-card:hover,.hover-shine .package-card:hover,.hover-shine .game-card:hover,.hover-shine .feature-card:hover,.hover-shine .partner-item:hover{transform:translateY(-8px);border-color:rgba(59,130,246,.7);box-shadow:0 18px 45px rgba(37,99,235,.22),0 0 0 1px rgba(96,165,250,.28);}
.hover-shine .plan-card,.hover-shine .package-card{position:relative;overflow:hidden;}
.hover-shine .plan-card:after,.hover-shine .package-card:after{content:"";position:absolute;top:-80%;left:-60%;width:45%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:rotate(25deg);opacity:0;pointer-events:none;}
.hover-shine .plan-card:hover:after,.hover-shine .package-card:hover:after{animation:nordicShine .75s ease;opacity:1;}
@keyframes nordicShine{0%{left:-70%;opacity:0}25%{opacity:1}100%{left:130%;opacity:0}}
.hover-zoom .plan-card:hover,.hover-zoom .package-card:hover,.hover-zoom .game-card:hover,.hover-zoom .feature-card:hover,.hover-zoom .partner-item:hover{transform:scale(1.035);box-shadow:0 16px 38px rgba(15,23,42,.28);}
.hover-disabled .plan-card:hover,.hover-disabled .package-card:hover,.hover-disabled .game-card:hover,.hover-disabled .feature-card:hover,.hover-disabled .partner-item:hover{transform:none!important;box-shadow:inherit!important;border-color:inherit!important;}


/* WHMCS-inspired client area */
.client-hero{margin:34px 0 18px;padding:28px;border:1px solid rgba(96,165,250,.18);border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(8,15,29,.94));display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 70px rgba(0,0,0,.28)}
.client-breadcrumb{display:flex;gap:8px;align-items:center;color:#8fb5e5;font-size:13px;margin-bottom:12px}.client-breadcrumb a{color:#bfdbfe}.client-hero h1{font-size:34px;letter-spacing:-.035em;margin:0 0 8px}.client-hero p{margin:0;color:var(--muted)}.client-user-card{display:flex;align-items:center;gap:12px;min-width:230px;padding:14px;border:1px solid rgba(96,165,250,.18);border-radius:16px;background:rgba(2,6,23,.38)}.client-avatar{width:46px;height:46px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#38bdf8);display:grid;place-items:center;font-weight:950;color:#fff}.client-user-card small{display:block;color:var(--muted);margin-top:3px}.client-quickstats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.client-stat-tile{padding:18px;border:1px solid rgba(96,165,250,.16);border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(8,15,29,.86));box-shadow:0 12px 38px rgba(0,0,0,.18);transition:.22s ease}.client-stat-tile:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.42);box-shadow:0 18px 50px rgba(37,99,235,.12)}.client-stat-tile span,.client-stat-tile small{display:block;color:var(--muted);font-size:13px}.client-stat-tile b{display:block;font-size:32px;color:#fff;margin:4px 0}.client-layout{display:grid;grid-template-columns:260px 1fr;gap:18px;margin:0 0 60px}.client-sidebar{position:sticky;top:92px;align-self:start;border:1px solid rgba(96,165,250,.16);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(8,15,29,.96));box-shadow:0 18px 60px rgba(0,0,0,.22)}.client-side-title{padding:15px 16px;color:#bfdbfe;font-weight:900;border-bottom:1px solid rgba(96,165,250,.14);background:rgba(37,99,235,.09)}.client-sidebar a{display:block;padding:13px 16px;color:#a8bdd6;font-weight:750;border-bottom:1px solid rgba(255,255,255,.045)}.client-sidebar a:hover,.client-sidebar a.active{background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(14,165,233,.08));color:#fff}.client-content{min-width:0}.client-panel{border:1px solid rgba(96,165,250,.16);border-radius:20px;background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(8,15,29,.92));box-shadow:0 18px 60px rgba(0,0,0,.22);overflow:hidden;margin-bottom:18px}.client-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(96,165,250,.14);background:rgba(37,99,235,.08)}.client-panel-head h2{font-size:18px;margin:0;letter-spacing:-.02em}.client-panel-head a,.client-small-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(96,165,250,.24);background:rgba(37,99,235,.12);color:#dbeafe;border-radius:10px;padding:8px 10px;font-weight:800;font-size:13px}.client-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.client-table-wrap{overflow:auto}.client-table{width:100%;border-collapse:collapse}.client-table th{background:rgba(2,6,23,.32);font-size:12px;text-transform:uppercase;color:#93aecd;letter-spacing:.04em}.client-table th,.client-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;white-space:nowrap}.client-table tr:hover td{background:rgba(96,165,250,.045)}.client-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.10)}.client-badge.ok{color:#86efac;background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.22)}.client-badge.warn{color:#fde68a;background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.25)}.client-badge.bad{color:#fca5a5;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.25)}.client-empty{padding:28px;text-align:center;color:var(--muted)}.client-empty b{display:block;color:#fff;font-size:19px;margin-bottom:6px}.client-service-list{padding:8px}.client-service-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:14px}.client-service-list article:hover{background:rgba(96,165,250,.06)}.client-service-list small{display:block;color:var(--muted);margin-top:3px}.client-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.client-action-grid a{padding:16px;border-radius:14px;border:1px solid rgba(96,165,250,.16);background:rgba(15,23,42,.72);font-weight:850;color:#dbeafe}.client-action-grid a:hover{border-color:rgba(96,165,250,.42);background:rgba(37,99,235,.12)}.client-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:18px}.client-service-card{border:1px solid rgba(96,165,250,.15);border-radius:18px;background:rgba(2,6,23,.28);padding:18px}.client-service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.client-service-top h3{margin:0 0 4px;font-size:20px}.client-service-top p{margin:0;color:var(--muted)}.client-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.client-specs span{border:1px solid rgba(96,165,250,.12);border-radius:12px;background:rgba(15,23,42,.62);padding:10px;color:var(--muted);font-size:12px}.client-specs b{display:block;color:#fff;font-size:15px}.client-service-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);border-top:1px solid rgba(255,255,255,.06);padding-top:14px}
@media(max-width:900px){.client-hero{flex-direction:column;align-items:flex-start}.client-user-card{width:100%}.client-quickstats{grid-template-columns:repeat(2,1fr)}.client-layout{grid-template-columns:1fr}.client-sidebar{position:static}.client-grid-two,.client-services-grid{grid-template-columns:1fr}.client-specs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.client-quickstats{grid-template-columns:1fr}.client-hero{padding:20px}.client-hero h1{font-size:28px}.client-table th,.client-table td{padding:12px}.client-action-grid{grid-template-columns:1fr}}

/* Profile dropdown menu */
.user-menu{position:relative;display:flex;align-items:center}
.user-menu-toggle{display:flex;align-items:center;gap:9px;border:1px solid rgba(96,165,250,.18);background:rgba(15,23,42,.72);color:#e8eeff;border-radius:999px;padding:7px 10px 7px 7px;font-weight:850;cursor:pointer;min-height:42px}
.user-menu-toggle:hover,.user-menu.open .user-menu-toggle{border-color:rgba(96,165,250,.42);background:rgba(37,99,235,.14);box-shadow:0 12px 36px rgba(37,99,235,.14)}
.user-avatar{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#38bdf8);display:grid;place-items:center;font-size:13px;font-weight:950;color:#fff;box-shadow:0 0 18px rgba(37,99,235,.28)}
.user-name{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-chev{color:#93c5fd;font-size:14px;transition:.18s ease}.user-menu.open .user-chev{transform:rotate(180deg)}
.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:220px;padding:8px;border:1px solid rgba(96,165,250,.20);border-radius:16px;background:rgba(8,15,29,.98);box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 35px rgba(37,99,235,.10);display:none;z-index:100}
.user-menu.open .user-dropdown{display:block;animation:dropIn .14s ease both}.user-dropdown a{display:flex!important;align-items:center;gap:10px;padding:11px 12px!important;border-radius:11px;color:#dbeafe!important;font-weight:850!important}.user-dropdown a:hover{background:rgba(37,99,235,.16)!important;color:#fff!important}.user-dropdown .danger-link{color:#fca5a5!important}.user-drop-line{height:1px;background:rgba(255,255,255,.08);margin:6px 4px}@keyframes dropIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.client-profile-menu{padding:0;position:relative}.client-user-toggle{width:100%;justify-content:flex-start;border:0;background:transparent;border-radius:16px;padding:14px}.client-user-toggle:hover{background:rgba(37,99,235,.08)}.client-user-toggle span:nth-child(2){min-width:0}.client-user-toggle .user-chev{margin-left:auto}.client-profile-menu .user-dropdown{top:calc(100% + 8px);right:0}.client-sidebar a[href*="profile"],.client-sidebar a[href*="settings"]{color:#bfdbfe}
@media(max-width:850px){.links .user-menu{width:100%;display:block}.links .user-menu-toggle{width:100%;justify-content:flex-start;border-radius:12px}.links .user-dropdown{position:static;width:100%;margin-top:8px;box-shadow:none;background:rgba(2,6,23,.45)}.user-name{max-width:180px}}
.client-profile-box{display:flex;align-items:center;gap:18px;padding:22px}.client-profile-avatar{width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,#2563eb,#38bdf8);display:grid;place-items:center;font-size:30px;font-weight:950;color:#fff;box-shadow:0 0 34px rgba(37,99,235,.24)}.client-profile-box h2{margin:0 0 4px;font-size:26px}.client-profile-box p{margin:0;color:#bfdbfe}.client-profile-box small{display:block;color:var(--muted);margin-top:6px}.client-settings-form{display:grid;gap:15px;padding:20px;max-width:640px}.client-settings-form label{display:grid;gap:7px;color:#bfdbfe}.client-settings-form .btn{justify-self:start}
@media(max-width:600px){.client-profile-box{align-items:flex-start;flex-direction:column}.client-settings-form .btn{width:100%}}

.client-services-wide{margin-bottom:22px;}


/* Roles & permissions */
.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.perm-box{border:1px solid rgba(37,99,235,.22);background:rgba(15,23,42,.62);border-radius:16px;padding:14px}
.perm-box>strong{display:block;margin-bottom:10px;color:#eaf2ff}
.perm-row{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid rgba(148,163,184,.08)}
.perm-row:first-of-type{border-top:0}
.perm-row input{margin-top:3px;accent-color:#2563eb}
.perm-row span{display:flex;flex-direction:column;gap:2px}
.perm-row small{color:#8ea4c5;font-size:11px}
.role-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:8px;box-shadow:0 0 12px rgba(37,99,235,.45)}
.inline-role-form{display:flex;gap:8px;align-items:center}
.inline-role-form select{min-width:140px;background:#07111f;color:#eaf2ff;border:1px solid rgba(37,99,235,.25);border-radius:10px;padding:8px}
.admin-btn.ghost{background:transparent;border:1px solid rgba(37,99,235,.35)}
.admin-btn.danger{border-color:rgba(239,68,68,.45);color:#fecaca}
@media(max-width:800px){.perm-grid{grid-template-columns:1fr}.inline-role-form{flex-direction:column;align-items:stretch}}


/* Centered profile/admin dropdown */
.user-menu{position:relative}
.user-dropdown{
    left:50%;
    right:auto;
    transform:translateX(-50%) translateY(8px);
    min-width:240px;
    max-height:75vh;
    overflow:auto;
}
.user-menu.open .user-dropdown,
.user-menu:hover .user-dropdown{
    transform:translateX(-50%) translateY(0);
}
.user-dropdown-title{
    padding:9px 14px 6px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#60a5fa;
    opacity:.9;
}


/* Cleaner role form inputs */
.role-form-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    padding:14px;
    margin:10px 0 18px;
    border:1px solid rgba(37,99,235,.18);
    background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(8,15,28,.82));
    border-radius:16px;
}
.admin-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    font-weight:700;
    color:#cfe2ff;
}
.admin-field span{
    font-size:13px;
    color:#94a9c9;
}
.admin-field input:not([type="checkbox"]):not([type="radio"]),
.admin-form input:not([type="checkbox"]):not([type="radio"]),
.admin-form select,
.admin-form textarea{
    width:100%;
    min-height:42px;
    border:1px solid rgba(96,165,250,.20) !important;
    border-radius:11px !important;
    background:#07111f !important;
    color:#eaf2ff !important;
    padding:10px 12px !important;
    outline:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.admin-field input::placeholder,
.admin-form input::placeholder,
.admin-form textarea::placeholder{
    color:#6f83a4 !important;
}
.admin-field input:not([type="checkbox"]):not([type="radio"]):focus,
.admin-form input:not([type="checkbox"]):not([type="radio"]):focus,
.admin-form select:focus,
.admin-form textarea:focus{
    border-color:#3b82f6 !important;
    box-shadow:0 0 0 3px rgba(59,130,246,.14), 0 0 22px rgba(59,130,246,.10);
}
@media(max-width:800px){
    .role-form-grid{grid-template-columns:1fr;padding:12px}
}


/* Role color picker */
.color-picker-row{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
}
.color-picker{
    width:54px !important;
    min-width:54px !important;
    height:42px !important;
    min-height:42px !important;
    padding:3px !important;
    border:1px solid rgba(96,165,250,.24) !important;
    border-radius:11px !important;
    background:#07111f !important;
    cursor:pointer;
}
.color-picker::-webkit-color-swatch-wrapper{
    padding:0;
}
.color-picker::-webkit-color-swatch{
    border:none;
    border-radius:8px;
}
.color-picker::-moz-color-swatch{
    border:none;
    border-radius:8px;
}
.color-value{
    flex:1;
    min-height:42px;
    display:flex;
    align-items:center;
    padding:0 12px;
    border:1px solid rgba(96,165,250,.20);
    border-radius:11px;
    background:#07111f;
    color:#cfe2ff;
    font-weight:700;
    font-size:13px;
}


/* Keep user dropdown inside viewport */
.user-menu{
    position:relative;
}
.user-dropdown{
    position:absolute;
    top:calc(100% + 10px);
    right:0 !important;
    left:auto !important;
    transform:none !important;
    width:min(280px, calc(100vw - 24px));
    max-width:calc(100vw - 24px);
    max-height:75vh;
    overflow-y:auto;
    overflow-x:hidden;
    z-index:9999;
}
.user-menu.open .user-dropdown,
.user-menu:hover .user-dropdown{
    transform:none !important;
}
@media(max-width:700px){
    .user-dropdown{
        position:fixed;
        top:74px;
        right:12px !important;
        left:auto !important;
        width:min(300px, calc(100vw - 24px));
        max-height:calc(100vh - 110px);
    }
}


/* Final dropdown/layout safety */
.user-dropdown{
  right:0 !important;
  left:auto !important;
  transform:none !important;
  width:min(240px, calc(100vw - 24px)) !important;
  max-width:calc(100vw - 24px) !important;
  z-index:99999 !important;
}
.user-menu.open .user-dropdown,
.user-menu:hover .user-dropdown{
  transform:none !important;
}
@media(max-width:700px){
  .user-dropdown{
    position:fixed !important;
    top:74px !important;
    right:12px !important;
    left:auto !important;
    max-height:calc(100vh - 100px);
    overflow:auto;
  }
}


/* WHMCS-style tickets */
.ticket-headline{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.ticket-message{border:1px solid rgba(96,165,250,.18);border-radius:16px;padding:16px;margin:14px 0;background:rgba(15,23,42,.65)}
.ticket-message.staff{border-color:rgba(37,99,235,.35);background:linear-gradient(180deg,rgba(37,99,235,.16),rgba(15,23,42,.72))}
.ticket-message.customer{background:rgba(2,6,23,.55)}
.ticket-message strong{display:block;color:#eaf2ff}
.ticket-message small{display:block;color:#94a3b8;margin:3px 0 10px}
.ticket-message p{margin:0;color:#dbeafe;line-height:1.6}
.ticket-filter{margin-bottom:16px}
textarea{min-height:120px;resize:vertical}
.admin-btn.danger,.btn.danger{border-color:rgba(239,68,68,.45);color:#fecaca}





/* Cart position clean fix */
.links{
    display:flex;
    align-items:center;
    gap:14px;
}
.user-menu{
    order:50;
}
.cart-nav{
    order:60;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:42px;
    min-width:42px;
    height:42px;
    margin:0 0 0 6px !important;
    border:1px solid rgba(96,165,250,.25);
    border-radius:14px;
    background:rgba(15,23,42,.72);
    color:#eaf2ff !important;
    text-decoration:none;
    font-size:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
    z-index:auto !important;
}
.cart-count{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:20px;
    height:20px;
    padding:0 6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#2563eb;
    color:white;
    font-size:11px;
    font-weight:800;
    border:2px solid #07111f;
}
@media(max-width:700px){
    .links{
        gap:10px;
    }
    .user-menu{
        order:50;
    }
    .cart-nav{
        order:60;
        margin-left:4px !important;
        width:38px;
        min-width:38px;
        height:38px;
    }
}


/* Modern status page */
.status-hero{
  display:grid;
  grid-template-columns:1.4fr .8fr;
  gap:24px;
  align-items:stretch;
  margin:42px 0 28px;
  padding:34px;
  border:1px solid rgba(96,165,250,.16);
  border-radius:28px;
  background:
    radial-gradient(circle at 20% 0%, rgba(56,189,248,.18), transparent 38%),
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.20), transparent 42%),
    linear-gradient(180deg, rgba(15,23,42,.72), rgba(2,6,23,.88));
  box-shadow:0 24px 80px rgba(0,0,0,.24);
}
.status-hero h1{
  max-width:760px;
  margin:16px 0 14px;
  font-size:clamp(38px,7vw,82px);
  line-height:.92;
  letter-spacing:-.07em;
}
.status-hero p{
  max-width:640px;
  color:#a8b7ca;
  font-size:17px;
  line-height:1.7;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 13px;
  border:1px solid rgba(96,165,250,.22);
  border-radius:999px;
  background:rgba(15,23,42,.72);
  color:#bfdbfe;
  font-weight:800;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pulse-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.7);
  animation:pulseStatus 1.8s infinite;
}
@keyframes pulseStatus{
  70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
}
.status-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
.status-overview-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:22px;
  padding:26px;
  border:1px solid rgba(96,165,250,.18);
  border-radius:24px;
  background:rgba(2,6,23,.56);
}
.status-ring{
  width:164px;
  height:164px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at center, #07111f 58%, transparent 60%),
    conic-gradient(#38bdf8, #2563eb, #38bdf8);
  margin:auto;
}
.status-ring strong{
  font-size:34px;
  letter-spacing:-.05em;
}
.status-ring span{
  color:#93a4b8;
  font-size:13px;
}
.mini-bars,.timeline-bars{
  display:flex;
  gap:5px;
  align-items:flex-end;
}
.mini-bars span{
  width:6px;
  height:32px;
  border-radius:999px;
  background:linear-gradient(180deg,#38bdf8,#2563eb);
  opacity:.88;
}
.status-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:24px 0;
}
.status-card{
  display:flex;
  gap:16px;
  padding:22px;
  border:1px solid rgba(96,165,250,.14);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(15,23,42,.74), rgba(2,6,23,.72));
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.status-icon{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(135deg,#2563eb,#38bdf8);
  font-weight:900;
}
.status-card h2{
  margin:0 0 8px;
  font-size:22px;
}
.status-card p{
  color:#95a6ba;
  line-height:1.5;
  margin:0 0 14px;
}
.status-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.08);
}
.status-badge:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
}
.status-badge.online{
  color:#bbf7d0;
  background:rgba(22,163,74,.12);
}
.status-badge.online:before{background:#22c55e}
.status-badge.offline{
  color:#fecaca;
  background:rgba(239,68,68,.12);
}
.status-badge.offline:before{background:#ef4444}
.status-panels{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:20px;
  margin:24px 0;
}
.status-panel,.status-timeline{
  padding:24px;
  border:1px solid rgba(96,165,250,.14);
  border-radius:24px;
  background:rgba(2,6,23,.58);
}
.panel-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}
.panel-head h2{
  margin:5px 0 0;
  font-size:28px;
  letter-spacing:-.04em;
}
.service-list,.incident-list{
  display:grid;
  gap:10px;
}
.service-row,.incident-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(96,165,250,.10);
  border-radius:18px;
  background:rgba(15,23,42,.54);
}
.service-row small,.incident-row small{
  display:block;
  color:#91a2b6;
  margin-top:4px;
}
.incident-row{
  justify-content:flex-start;
}
.incident-row > span{
  width:12px;
  height:12px;
  border-radius:50%;
  flex:0 0 auto;
}
.incident-row.good > span{background:#22c55e}
.incident-row.warn > span{background:#f59e0b}
.status-timeline{
  margin:24px 0 42px;
}
.timeline-bars{
  align-items:end;
  overflow:auto;
  padding-bottom:6px;
}
.timeline-day{
  min-width:24px;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
}
.timeline-day span{
  width:16px;
  height:64px;
  border-radius:999px;
  background:linear-gradient(180deg,#38bdf8,#2563eb);
}
.timeline-day small{
  color:#6f8198;
  font-size:10px;
}
@media(max-width:900px){
  .status-hero,.status-panels{
    grid-template-columns:1fr;
  }
  .status-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .status-hero{
    padding:24px 18px;
    border-radius:22px;
    margin-top:28px;
  }
  .status-grid{
    grid-template-columns:1fr;
  }
  .panel-head{
    flex-direction:column;
  }
  .status-card,.status-panel,.status-timeline{
    padding:18px;
  }
}


.status-badge.degraded{
  color:#fde68a;
  background:rgba(245,158,11,.12);
}
.status-badge.degraded:before{background:#f59e0b}
.status-card.status-degraded{
  border-color:rgba(245,158,11,.25);
}
.status-card.status-offline{
  border-color:rgba(239,68,68,.28);
}


/* Status incident history markers */
.mini-bars span.had-incident,
.timeline-day.had-incident span{
  background:linear-gradient(180deg,#fbbf24,#f97316) !important;
  box-shadow:0 0 18px rgba(249,115,22,.35);
}
.status-hero.has-incidents .status-ring{
  background:
    radial-gradient(circle at center, #07111f 58%, transparent 60%),
    conic-gradient(#fbbf24, #f97316, #fbbf24);
}
.incident-row.warn{
  border-color:rgba(249,115,22,.24);
}


/* Pterodactyl integration */
.server-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:20px 0;
}
.console-box{
  padding:18px;
  border-radius:16px;
  background:#020617;
  color:#bfdbfe;
  border:1px solid rgba(96,165,250,.18);
  overflow:auto;
  max-height:420px;
}


/* Login dark input fix */
form.card input[type="email"],
form.card input[type="password"],
.form.card input[type="email"],
.form.card input[type="password"],
.section .card input[type="email"],
.section .card input[type="password"]{
    width:100%;
    min-height:48px;
    padding:0 16px;
    border-radius:14px;
    border:1px solid rgba(96,165,250,.18);
    background:rgba(15,23,42,.78) !important;
    color:#eaf2ff !important;
    outline:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

form.card input[type="email"]::placeholder,
form.card input[type="password"]::placeholder,
.form.card input[type="email"]::placeholder,
.form.card input[type="password"]::placeholder{
    color:#64748b !important;
    opacity:1;
}

form.card input[type="email"]:focus,
form.card input[type="password"]:focus,
.form.card input[type="email"]:focus,
.form.card input[type="password"]:focus{
    border-color:#38bdf8;
    box-shadow:0 0 0 3px rgba(56,189,248,.12);
    background:rgba(15,23,42,.92) !important;
}

form.card,
.form.card{
    padding:28px;
    border:1px solid rgba(96,165,250,.16);
    border-radius:22px;
    background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.72));
}

form.card label,
.form.card label{
    display:block;
    margin:14px 0 8px;
    color:#cbd5e1;
    font-weight:700;
}

/* Server configuration page */
.config-hero{display:flex;justify-content:space-between;gap:22px;align-items:stretch;margin:36px 0 22px;padding:30px;border:1px solid rgba(96,165,250,.16);border-radius:26px;background:radial-gradient(circle at 20% 0%,rgba(56,189,248,.16),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.74),rgba(2,6,23,.82))}
.config-hero h1{margin:8px 0;font-size:clamp(32px,5vw,58px);letter-spacing:-.05em}.config-hero p{color:#94a3b8}
.config-summary-card{min-width:220px;padding:22px;border-radius:22px;border:1px solid rgba(96,165,250,.18);background:rgba(2,6,23,.62);display:flex;flex-direction:column;justify-content:center;gap:8px}
.config-summary-card span{color:#38bdf8;font-weight:900;font-size:26px}
.config-layout{display:grid;grid-template-columns:1fr 330px;gap:22px;margin-bottom:42px}
.config-card{padding:24px;border:1px solid rgba(96,165,250,.16);border-radius:24px;background:rgba(2,6,23,.58)}
.config-addons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 20px}
.addon-box{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;border:1px solid rgba(96,165,250,.14);background:rgba(15,23,42,.62)}
.addon-box span{font-weight:800;color:#dbeafe}.spec-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(96,165,250,.12)}
.spec-row span{color:#94a3b8}.spec-row b{color:#eaf2ff}
@media(max-width:900px){.config-hero,.config-layout{display:grid;grid-template-columns:1fr}.config-addons{grid-template-columns:1fr}}


/* WHMCS/Minecraft package configurator */
.minecraft-config-page{max-width:1180px;margin:0 auto;padding:34px 18px 70px}
.config-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.back-link{color:#94a3b8;text-decoration:none}
.mc-config-title h1{font-size:clamp(30px,5vw,46px);letter-spacing:-.05em;margin:0 0 10px}
.mc-config-title p{color:#cbd5e1;margin:0 0 34px}
.mc-group{margin:28px 0}
.mc-group-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.mc-group-head h2{font-size:clamp(26px,4vw,38px);font-weight:950;letter-spacing:-.055em;text-transform:uppercase;margin:0}
.selected-label{color:#cbd5e1;font-weight:900}
.mc-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mc-option{position:relative;display:flex;flex-direction:column;gap:6px;min-height:78px;padding:18px;border-radius:8px;border:1px solid rgba(148,163,184,.16);background:#1e2c43;cursor:pointer;overflow:hidden;transition:.16s}
.mc-option:hover{border-color:rgba(56,189,248,.65);transform:translateY(-1px)}
.mc-option input{display:none}
.mc-option strong{font-size:16px;color:#fff}
.mc-option small{color:#9fb0c7}
.mc-option .corner{position:absolute;right:0;top:0;width:48px;height:48px;background:#f05a28;color:white;display:none;align-items:flex-start;justify-content:flex-end;padding:7px 8px 0 0;clip-path:polygon(100% 0,0 0,100% 100%);font-weight:900}
.mc-option.selected{border-color:#f05a28;box-shadow:0 0 0 1px rgba(240,90,40,.65),0 0 28px rgba(124,58,237,.20)}
.mc-option.selected .corner{display:flex}
.server-name-group .mc-name-input{width:100%;padding:18px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:#1e2c43;color:#fff}
.mc-summary{margin-top:34px;padding:28px;border-radius:10px;background:#1e2c43;border:1px solid rgba(148,163,184,.16)}
.mc-summary h2{margin:0 0 16px;font-size:28px}
.summary-title{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.14)}
.summary-title span,.summary-row span,.summary-total span{color:#9fb0c7}
.summary-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.10)}
.summary-row b{color:#fff;text-align:right}
.summary-total{padding:20px 0;display:flex;flex-direction:column;gap:6px}
.summary-total strong{font-size:42px;letter-spacing:-.06em}
.mc-summary .wide{width:100%;justify-content:center}
.mc-summary textarea{width:100%;margin-top:8px;min-height:90px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:#101a2c;color:#fff;padding:14px}
@media(max-width:720px){.mc-option-grid{grid-template-columns:1fr}.mc-group-head{align-items:flex-start;flex-direction:column}.minecraft-config-page{padding:24px 12px 60px}}


/* Editable configurator admin */
.config-admin-group .admin-table input,
.config-admin-group .admin-table select{
  width:100%;
  min-width:95px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(96,165,250,.16);
  background:rgba(15,23,42,.78);
  color:#eaf2ff;
}
.config-admin-group .admin-table td{
  vertical-align:middle;
}


/* Per package configurator admin */
.package-config-head{display:flex;justify-content:space-between;gap:18px;align-items:center}
.package-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.package-actions form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.package-actions select{padding:12px 14px;border-radius:12px;border:1px solid rgba(96,165,250,.18);background:rgba(15,23,42,.78);color:#eaf2ff}

/* WHMCS style checkout */
.whmcs-checkout{max-width:1180px;margin:0 auto;padding:38px 18px 80px}.checkout-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.checkout-head h1{font-size:clamp(34px,6vw,62px);letter-spacing:-.06em;margin:8px 0}.checkout-head p{color:#94a3b8}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.checkout-card{padding:24px;border:1px solid rgba(96,165,250,.16);border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(2,6,23,.72));margin-bottom:18px}.checkout-card h2{margin:0 0 18px;font-size:24px}.checkout-tabs{display:flex;gap:12px;margin-bottom:16px}.cycle-grid,.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cycle-box,.payment-box{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.62);cursor:pointer}.cycle-box input,.payment-box input{display:none}.cycle-box.selected,.payment-box.selected{border-color:#38bdf8;box-shadow:0 0 0 1px rgba(56,189,248,.35),0 0 26px rgba(56,189,248,.08)}.cycle-box span,.payment-box span{color:#94a3b8}.checkout-sidebar{position:sticky;top:90px}.order-summary{background:linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.92))}.summary-product{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.12)}.summary-product div{display:flex;flex-direction:column;gap:4px}.summary-product span{color:#94a3b8;font-size:13px}.coupon-box{padding:18px 0;border-bottom:1px solid rgba(148,163,184,.12)}.coupon-row{display:flex;gap:10px;margin-top:8px}.coupon-row input{flex:1;padding:13px 14px;border-radius:14px;border:1px solid rgba(96,165,250,.18);background:rgba(15,23,42,.78);color:#eaf2ff}.coupon-error{color:#fb7185}.coupon-ok{color:#22c55e}.summary-line{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(148,163,184,.10)}.summary-line span{color:#94a3b8}.summary-line.discount b{color:#22c55e}.summary-total{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:22px 0}.summary-total span{color:#94a3b8}.summary-total strong{font-size:34px;letter-spacing:-.05em}.secure-note{text-align:center;color:#94a3b8;font-size:13px;margin:14px 0 0}.btn.wide{width:100%;justify-content:center}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.checkout-sidebar{position:static}.cycle-grid,.payment-grid{grid-template-columns:1fr}.checkout-head{align-items:flex-start;flex-direction:column}}


/* WHMCS checkout v2 */
.whmcs-v2-checkout{max-width:1040px;margin:0 auto;padding:34px 16px 90px}
.whmcs-v2-head h1{font-size:clamp(34px,6vw,58px);letter-spacing:-.06em;margin:0 0 10px}
.whmcs-v2-head p,.checkout-section-title{color:#dbeafe}
.checkout-section-title{font-size:26px;margin:28px 0 14px}
.cycle-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cycle-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:8px;background:#22314a;border:1px solid rgba(148,163,184,.18);cursor:pointer;overflow:hidden}
.cycle-card input{display:none}.cycle-card b,.cycle-card strong{color:#fff}.cycle-card span,.cycle-card small{color:#aebbd0}.cycle-card em{width:max-content;padding:5px 10px;border-radius:999px;background:#123d69;color:#6ee7ff;font-style:normal;font-size:12px}
.cycle-card.active{background:linear-gradient(135deg,#2f8df4,#2e7bd8);border-color:#60a5fa}.cycle-card.active:after{content:"✓";position:absolute;right:0;top:0;background:#7dd3fc;color:white;padding:6px 8px;clip-path:polygon(100% 0,0 0,100% 100%);width:42px;height:42px;text-align:right}
.whmcs-table,.billing-panel,.payment-panel,.order-summary-v2,.whmcs-panel{border:1px solid rgba(148,163,184,.18);border-radius:6px;background:#22314a;overflow:hidden;margin-top:16px}
.whmcs-table-head{display:grid;grid-template-columns:1fr 220px;background:#2b4162;color:#cbd5e1;padding:16px 22px;font-size:13px}
.whmcs-product-row{display:grid;grid-template-columns:1fr 220px;gap:20px;padding:24px;border-top:1px solid rgba(148,163,184,.12)}
.whmcs-product-row div{display:flex;flex-direction:column;gap:8px}.whmcs-product-row small{color:#aebbd0}.whmcs-product-row strong{text-align:right}
.whmcs-table-actions{display:flex;justify-content:space-between;gap:12px;padding:18px 24px;border-top:1px solid rgba(148,163,184,.12)}
.discount-panel{display:flex;gap:12px;padding:18px;border-radius:8px;background:#2f8df4}.discount-panel input{flex:1;padding:14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#1e2c43;color:#fff}
.billing-panel{padding:0}.account-option{display:block;padding:18px;border-bottom:1px solid rgba(148,163,184,.12)}.account-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:8px;background:#263752}.account-card .avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#38bdf8,#8b5cf6);font-weight:900}.account-card div{display:flex;flex-direction:column}.account-card small{color:#86efac}.account-card span{margin-left:auto;background:#2b4162;padding:5px 10px;border-radius:6px}
.payment-panel{padding:0}.payment-row{display:grid;grid-template-columns:22px 1fr 110px;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid rgba(148,163,184,.12);cursor:pointer}.payment-row div{display:flex;flex-direction:column;gap:8px}.payment-row small{color:#aebbd0}.payment-row strong{text-align:right;font-size:24px}.payment-row.active{background:rgba(96,165,250,.08)}
.order-summary-v2{margin-top:34px;padding:0 0 22px}.order-summary-v2 h2{margin:0;padding:18px 24px;background:#2b4162;font-size:20px}.summary-line-v2{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid rgba(148,163,184,.12)}.summary-line-v2 span{color:#cbd5e1;display:flex;flex-direction:column;gap:4px}.summary-line-v2 small{color:#94a3b8}.summary-line-v2 b{color:#fff}.summary-line-v2.discount b{color:#22c55e}.summary-pay{padding:20px 24px}.summary-pay span{display:block;color:#94a3b8}.summary-pay strong{font-size:40px;letter-spacing:-.06em}.terms{display:flex;gap:10px;align-items:center;padding:0 24px 16px;color:#cbd5e1}.order-summary-v2 .wide{margin:0 24px;width:calc(100% - 48px);justify-content:center}
@media(max-width:800px){.cycle-cards{grid-template-columns:1fr}.whmcs-table-head,.whmcs-product-row{grid-template-columns:1fr}.whmcs-product-row strong{text-align:left}.payment-row{grid-template-columns:22px 1fr}.payment-row strong{grid-column:2;text-align:left}.whmcs-table-actions{flex-direction:column}}


/* Checkout billing customer choices */
.billing-choice-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:18px;
  border-bottom:1px solid rgba(148,163,184,.12);
}
.billing-choice{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.18);
  background:#1e2c43;
  cursor:pointer;
}
.billing-choice input{display:none}
.billing-choice b{color:#fff}
.billing-choice small{color:#aebbd0}
.billing-choice.active{
  border-color:#38bdf8;
  box-shadow:0 0 0 1px rgba(56,189,248,.35);
}
.billing-choice-panel{
  display:none;
  padding:18px;
}
.billing-choice-panel.active{display:block}
@media(max-width:700px){
  .billing-choice-tabs{grid-template-columns:1fr}
}


/* Checkout register visibility fix */
.billing-choice-panel h3{
  margin:0 0 6px;
  color:#fff;
  font-size:22px;
}
.billing-choice-panel .muted{
  color:#aebbd0;
  margin:0 0 16px;
}
.billing-choice-panel input{
  width:100%;
  padding:14px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.18);
  background:#1e2c43;
  color:#fff;
}
.billing-choice-panel label{
  color:#dbeafe;
  font-weight:700;
}


/* Force visible checkout register/login boxes */
.billing-panel-force{padding:18px}
.billing-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.billing-box{display:block;padding:18px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:#1e2c43}
.billing-box > input[type="radio"]{margin-bottom:12px}
.billing-box b{display:block;color:#fff;font-size:18px}
.billing-box small{display:block;color:#aebbd0;margin:4px 0 14px}
.billing-box .form-grid{grid-template-columns:1fr}
.billing-box input:not([type="radio"]){width:100%;padding:14px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:#101a2c;color:#fff}
.register-box-visible{border-color:rgba(56,189,248,.45);box-shadow:0 0 0 1px rgba(56,189,248,.18)}
.account-card-register-hint{margin-top:14px;opacity:.9}
.account-card-register-hint .mini-link{margin-left:auto;color:#7dd3fc;font-weight:800;text-decoration:none}
@media(max-width:800px){.billing-two-columns{grid-template-columns:1fr}}


/* Checkout login/register dropdown accordion */
.billing-auth-accordion{
  padding:18px;
}
.auth-accordion-card{
  display:block;
  border:1px solid rgba(148,163,184,.18);
  background:#1e2c43;
  border-radius:12px;
  margin-bottom:10px;
  cursor:pointer;
  overflow:hidden;
}
.auth-accordion-card input{
  display:none;
}
.auth-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
}
.auth-card-head b{
  display:block;
  color:#fff;
  font-size:18px;
}
.auth-card-head small{
  display:block;
  color:#aebbd0;
  margin-top:4px;
}
.auth-chevron{
  color:#7dd3fc;
  font-size:20px;
  transition:transform .18s ease;
}
.auth-accordion-card.active{
  border-color:#38bdf8;
  box-shadow:0 0 0 1px rgba(56,189,248,.25);
}
.auth-accordion-card.active .auth-chevron{
  transform:rotate(180deg);
}
.auth-dropdown-panel{
  display:none;
  padding:0 18px 18px;
  margin:-4px 0 14px;
  border:1px solid rgba(148,163,184,.12);
  border-top:0;
  border-radius:0 0 12px 12px;
  background:rgba(15,23,42,.42);
}
.auth-dropdown-panel.active{
  display:block;
}
.auth-dropdown-panel .form-grid{
  grid-template-columns:1fr 1fr;
}
.auth-dropdown-panel input{
  width:100%;
  padding:14px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.18);
  background:#101a2c;
  color:#fff;
}
.auth-dropdown-panel label{
  color:#dbeafe;
  font-weight:700;
}
@media(max-width:800px){
  .auth-dropdown-panel .form-grid{
    grid-template-columns:1fr;
  }
}


/* Checkout independent auth forms fix */
.auth-inner-form{
  margin:0;
}
.auth-submit{
  margin-top:14px;
}


/* Checkout auth formaction fix */
.auth-submit{margin-top:14px}
button[disabled].btn{
  opacity:.55;
  cursor:not-allowed;
  filter:grayscale(.4);
}


/* Correct checkout auth forms outside checkout form */
.hidden-auth-form{display:none}
.auth-submit{margin-top:14px}
button[disabled].btn{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}


/* Checkout AJAX auth final */
.auth-message{display:none;margin-bottom:14px;padding:12px 14px;border-radius:10px;font-weight:800}
.auth-message.ok,.auth-message.error{display:block}
.auth-message.ok{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);color:#86efac}
.auth-message.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fecaca}
.auth-submit{margin-top:14px}
button[disabled].btn{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}


/* Checkout login working final */
.auth-message{display:none;margin-bottom:14px;padding:12px 14px;border-radius:10px;font-weight:800}
.auth-message.ok,.auth-message.error,.auth-message.\ {display:block}
.auth-message.ok{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);color:#86efac}
.auth-message.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fecaca}
.auth-submit{margin-top:14px}
button[disabled].btn{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}


/* Checkout no global form fix */
.checkout-login-form,.checkout-register-form,.place-order-form{margin:0}
.auth-submit{margin-top:14px}
.terms.disabled{opacity:.75}
button[disabled].btn{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}


/* Ticket departments multi staff */
.dept-staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}
.dept-staff-card{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:16px}
.dept-staff-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.dept-staff-head b{display:block;color:#fff;font-size:17px}
.dept-staff-head small{display:block;color:#aebbd0;margin-top:4px}
.dept-staff-head span{background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.25);border-radius:999px;padding:5px 9px;color:#7dd3fc;font-weight:800;font-size:12px;white-space:nowrap}
.staff-check-list{display:grid;gap:10px;margin:12px 0 16px}
.staff-check{display:flex;gap:10px;align-items:center;background:rgba(30,44,67,.65);border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:10px}
.staff-check input{width:18px;height:18px}
.staff-check b{display:block;color:#fff}
.staff-check small{display:block;color:#9ca3af;font-size:12px}


/* Ticket department staff search */
.dept-staff-search{
  width:100%;
  margin:10px 0 12px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.75);
  color:#e5eefc;
  outline:none;
}
.dept-staff-search:focus{
  border-color:rgba(56,189,248,.65);
  box-shadow:0 0 0 3px rgba(56,189,248,.12);
}

/* Free order no payment required */
.free-order-notice{display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(34,197,94,.10)!important;border:1px solid rgba(34,197,94,.25)!important}
.free-order-notice b{color:#dcfce7}
.free-order-notice small{display:block;color:#a7f3d0;margin-top:4px}
.free-order-notice span{background:rgba(34,197,94,.16);color:#86efac;border:1px solid rgba(34,197,94,.25);border-radius:10px;padding:8px 10px;font-weight:900}

/* Legal pages and editor */
.legal-page{padding-top:40px;padding-bottom:60px}
.legal-card{background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:24px;line-height:1.7}
.legal-card h2{margin-top:24px}
.legal-footer-links{display:flex;gap:10px;justify-content:center;align-items:center;padding:18px;color:#94a3b8;font-size:14px}
.legal-footer-links a{color:#bfdbfe;text-decoration:none}
.legal-editor textarea{width:100%;min-height:260px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.75);color:#e5eefc;padding:14px}
.legal-editor input{width:100%}
.terms a{color:#7dd3fc}

/* Frontpage partner banner */
.partner-strip{
  margin:34px auto;
  padding:0 18px;
}
.partner-strip-inner{
  max-width:1180px;
  margin:0 auto;
  background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,58,138,.28));
  border:1px solid rgba(56,189,248,.18);
  box-shadow:0 24px 80px rgba(0,0,0,.28);
  border-radius:22px;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:18px;
  padding:16px 18px;
}
.partner-strip-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:#e5f3ff;
  white-space:nowrap;
  font-weight:900;
}
.partner-strip-title span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(56,189,248,.14);
  border:1px solid rgba(56,189,248,.24);
}
.partner-marquee{
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.partner-track{
  display:flex;
  gap:14px;
  width:max-content;
  animation:partnerMarquee 32s linear infinite;
}
.partner-logo-card{
  height:62px;
  min-width:170px;
  padding:10px 16px;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:16px;
  background:rgba(15,23,42,.72);
  border:1px solid rgba(148,163,184,.14);
  color:#dbeafe;
  text-decoration:none;
}
.partner-logo-card img{
  width:38px;
  height:38px;
  object-fit:contain;
  border-radius:10px;
  background:rgba(255,255,255,.06);
}
.partner-logo-card span{
  font-weight:800;
  font-size:14px;
}
@keyframes partnerMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:720px){
  .partner-strip-inner{grid-template-columns:1fr;gap:12px}
  .partner-strip-title{justify-content:center}
  .partner-logo-card{min-width:145px}
}



/* NordicNode announcement top banner */
.nn-announcement-banner{
  width:100%;
  background:linear-gradient(90deg,#0f3b82 0%,#1260b8 38%,#0ea5e9 74%,#7c3aed 100%);
  color:#fff;
  position:relative;
  z-index:9999;
  box-shadow:0 10px 35px rgba(37,99,235,.25);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.nn-announcement-inner{
  max-width:1180px;
  margin:0 auto;
  padding:10px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.nn-announcement-text{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-weight:800;
  min-width:0;
}
.nn-announcement-badge{
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  padding:5px 10px;
  font-size:11px;
  letter-spacing:.08em;
  font-weight:950;
}
.nn-announcement-code{
  border:1px solid rgba(255,255,255,.30);
  background:rgba(15,23,42,.30);
  color:#fff;
  border-radius:999px;
  padding:6px 12px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.nn-announcement-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.nn-announcement-actions a{
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  border-radius:999px;
  padding:8px 15px;
  font-weight:950;
  white-space:nowrap;
}
.nn-announcement-actions button{
  width:30px;
  height:30px;
  border:0;
  border-radius:999px;
  background:rgba(15,23,42,.24);
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.nn-announcement-preview{
  position:relative;
  z-index:1;
  border-radius:16px;
  overflow:hidden;
  margin-top:14px;
}
.announcement-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}
.announcement-preview-pill{
  background:rgba(56,189,248,.12);
  color:#7dd3fc;
  border:1px solid rgba(56,189,248,.25);
  border-radius:999px;
  padding:8px 13px;
  font-weight:900;
  white-space:nowrap;
}
.announcement-preview-card h2{
  margin-bottom:8px;
}
.announcement-admin-form{
  padding:24px;
}
.announcement-form-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:22px;
}
.announcement-form-head h2{
  margin:0 0 6px;
}
.announcement-form-head p{
  margin:0;
  color:#9fb0c8;
}
.status-dot{
  border-radius:999px;
  padding:7px 11px;
  font-weight:900;
  font-size:12px;
  white-space:nowrap;
}
.status-dot.on{
  background:rgba(34,197,94,.12);
  color:#86efac;
  border:1px solid rgba(34,197,94,.28);
}
.status-dot.off{
  background:rgba(239,68,68,.12);
  color:#fca5a5;
  border:1px solid rgba(239,68,68,.28);
}
.announcement-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.announcement-form-grid .field{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.announcement-form-grid .field.full{
  grid-column:1/-1;
}
.announcement-form-grid .field span{
  color:#cbd5e1;
  font-weight:800;
  font-size:13px;
}
.announcement-form-grid input,
.announcement-form-grid select{
  width:100%;
  min-height:46px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.70);
  color:#e5eefc;
  padding:0 14px;
  outline:none;
}
.announcement-form-grid input:focus,
.announcement-form-grid select:focus{
  border-color:rgba(56,189,248,.65);
  box-shadow:0 0 0 3px rgba(56,189,248,.12);
}
.announcement-save{
  margin-top:18px;
}
@media(max-width:720px){
  .nn-announcement-inner{flex-direction:column;align-items:flex-start;padding:10px 14px}
  .nn-announcement-actions{width:100%;justify-content:space-between}
  .announcement-hero,.announcement-form-head{flex-direction:column}
  .announcement-form-grid{grid-template-columns:1fr}
}

/* Announcement banner type variants */
.nn-announcement-news{background:linear-gradient(90deg,#0f3b82 0%,#1260b8 45%,#0ea5e9 100%)}
.nn-announcement-important{background:linear-gradient(90deg,#991b1b 0%,#dc2626 45%,#f97316 100%)}
.nn-announcement-notice{background:linear-gradient(90deg,#334155 0%,#475569 45%,#0f766e 100%)}
.nn-announcement-discount{background:linear-gradient(90deg,#2563eb 0%,#7c3aed 55%,#db2777 100%)}
.nn-announcement-maintenance{background:linear-gradient(90deg,#92400e 0%,#ca8a04 45%,#f59e0b 100%)}
.nn-announcement-update{background:linear-gradient(90deg,#047857 0%,#059669 45%,#06b6d4 100%)}

/* Announcement template library */
.announcement-template-save{margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;padding:16px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.45);border-radius:16px}
.announcement-template-library{margin-top:22px}
.announcement-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.announcement-template-card{background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:16px}
.template-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.template-card-head small{color:#94a3b8;font-size:12px}
.announcement-template-card h3{margin:0 0 10px;color:#fff}
.announcement-template-card p{color:#cbd5e1;margin:7px 0}
.announcement-template-card code{display:inline-flex;margin-top:8px;padding:6px 10px;border-radius:999px;background:rgba(56,189,248,.12);color:#7dd3fc;border:1px solid rgba(56,189,248,.22)}
.template-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.btn.secondary{background:rgba(56,189,248,.14)!important;border:1px solid rgba(56,189,248,.28)!important;color:#bfdbfe!important}
.btn.danger{background:rgba(239,68,68,.14)!important;border:1px solid rgba(239,68,68,.28)!important;color:#fecaca!important}
.btn.small{padding:9px 12px;border-radius:12px;font-size:13px}
.empty-state{border:1px dashed rgba(148,163,184,.24);background:rgba(15,23,42,.42);border-radius:16px;padding:20px;color:#cbd5e1}
@media(max-width:720px){.announcement-template-save{grid-template-columns:1fr}}


/* Final announcement layout polish */
.announcement-admin-form,
.announcement-preview-card,
.announcement-template-library{
  max-width:100%;
  overflow:hidden;
}

.announcement-form-grid{
  align-items:start;
}

.announcement-form-grid input,
.announcement-form-grid select,
.announcement-template-save input{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  background:rgba(15,23,42,.78)!important;
  color:#e5eefc!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:14px!important;
  min-height:46px;
  padding:0 14px!important;
  font-size:14px;
}

.announcement-form-grid input::placeholder,
.announcement-template-save input::placeholder{
  color:#64748b;
}

.announcement-template-save{
  margin-top:22px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr) auto!important;
  gap:16px!important;
  align-items:end!important;
  padding:18px!important;
  border:1px solid rgba(56,189,248,.18)!important;
  background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(30,58,138,.18))!important;
  border-radius:18px!important;
}

.template-save-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-bottom:4px;
}

.template-save-copy b{
  color:#fff;
  font-size:15px;
}

.template-save-copy span{
  color:#94a3b8;
  font-size:13px;
  line-height:1.35;
}

.template-name-field{
  margin:0!important;
  min-width:0;
}

.template-save-btn{
  height:46px;
  min-width:150px;
  white-space:nowrap;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
}

.announcement-save{
  margin-top:16px!important;
  max-width:180px;
}

.nn-announcement-preview .nn-announcement-inner{
  max-width:none;
}

.nn-announcement-preview .nn-announcement-text{
  flex:1;
}

@media(max-width:900px){
  .announcement-template-save{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .template-save-btn,
  .announcement-save{
    width:100%;
    max-width:none;
  }
}

@media(max-width:720px){
  .announcement-admin-form{
    padding:18px!important;
  }
  .announcement-form-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .announcement-form-grid .field,
  .announcement-form-grid .field.full{
    grid-column:1/-1!important;
  }
  .announcement-template-save{
    padding:14px!important;
  }
  .nn-announcement-preview .nn-announcement-inner{
    flex-direction:column;
    align-items:stretch;
  }
  .nn-announcement-preview .nn-announcement-actions{
    justify-content:space-between;
  }
}


/* Admin panel label polish */
.admin-hero > div > span,
.admin-hero span:first-child{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:5px 10px;
  margin-bottom:8px;
  border-radius:999px;
  background:rgba(56,189,248,.10);
  border:1px solid rgba(56,189,248,.20);
  color:#7dd3fc;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Coupons repair table */
.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 12px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left}.admin-table th{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.actions{white-space:nowrap}


/* Checkout coupon summary polish */
.checkout-summary-line,
.coupon-discount-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:14px 20px!important;
  margin:0!important;
  border-top:1px solid rgba(148,163,184,.13)!important;
  color:#dbeafe!important;
  font-size:15px!important;
  line-height:1.35!important;
}

.coupon-discount-row{
  background:linear-gradient(90deg,rgba(34,197,94,.10),rgba(56,189,248,.05))!important;
  color:#86efac!important;
  font-weight:900!important;
}

.coupon-discount-row span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.coupon-discount-row span::before{
  content:"✓";
  width:20px;
  height:20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(34,197,94,.18);
  border:1px solid rgba(34,197,94,.35);
  color:#86efac;
  font-size:12px;
  font-weight:950;
}

.coupon-discount-row strong{
  color:#86efac!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

.card .coupon-discount-row:first-child,
.order-summary .coupon-discount-row:first-child{
  border-top:0!important;
}

/* Make checkout/order summary rows look aligned even when inserted by JS */
.card:has(.coupon-discount-row) > div,
.order-summary:has(.coupon-discount-row) > div{
  box-sizing:border-box;
}

@media(max-width:720px){
  .checkout-summary-line,
  .coupon-discount-row{
    padding:12px 14px!important;
    font-size:14px!important;
  }
}

/* Order coupon display */
.order-coupon-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:6px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.25);
  color:#86efac;
  font-weight:900;
  font-size:12px;
}
.order-coupon-badge strong{
  color:#86efac;
  white-space:nowrap;
}


/* Pterodactyl enable toggle */
.nn-toggle-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  margin:0 0 16px 0;
  border:1px solid rgba(96,165,250,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.08));
}
.nn-toggle-title{
  display:block;
  font-weight:900;
  color:#eaf3ff;
  margin-bottom:4px;
}
.nn-switch{
  position:relative;
  display:inline-flex;
  width:66px;
  height:36px;
  flex:0 0 auto;
}
.nn-switch input{
  opacity:0;
  width:0;
  height:0;
}
.nn-switch span{
  position:absolute;
  cursor:pointer;
  inset:0;
  background:rgba(148,163,184,.25);
  border:1px solid rgba(148,163,184,.35);
  border-radius:999px;
  transition:.2s ease;
}
.nn-switch span:before{
  content:"";
  position:absolute;
  width:28px;
  height:28px;
  left:3px;
  top:3px;
  background:#fff;
  border-radius:999px;
  transition:.2s ease;
  box-shadow:0 8px 20px rgba(0,0,0,.35);
}
.nn-switch input:checked + span{
  background:linear-gradient(135deg,#2563eb,#22d3ee);
  border-color:rgba(34,211,238,.65);
}
.nn-switch input:checked + span:before{
  transform:translateX(30px);
}

/* MC VERSIONER LAYOUT FIX */
.mc-admin-card{margin:22px 0;padding:24px;border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.88));border:1px solid rgba(96,165,250,.22);box-shadow:0 18px 55px rgba(0,0,0,.22)}
.mc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.mc-card-head h2{margin:0;color:#f8fbff;font-size:22px}.mc-card-head p{margin:6px 0 0;color:#9fb3d1;font-size:14px}
.mc-form,.mc-item-form{display:flex;flex-direction:column;gap:14px}.mc-grid{display:grid;gap:14px}.mc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-grid.three{grid-template-columns:1.4fr 1fr .7fr}.mc-grid.four{grid-template-columns:1fr 1.2fr .7fr .7fr}.mc-grid.compact{gap:10px}
.mc-form label,.mc-item-form label{display:flex;flex-direction:column;gap:7px;min-width:0}.mc-form label span,.mc-item-form label span{color:#a9bbd4;font-size:12px;font-weight:800}
.mc-form input,.mc-form select,.mc-form textarea,.mc-item-form input,.mc-item-form select,.mc-item-form textarea{width:100%;min-width:0;box-sizing:border-box;background:#080f1d;color:#eef6ff;border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:12px 13px;outline:none;font:inherit}
.mc-form textarea,.mc-item-form textarea{resize:vertical;min-height:76px}.mc-form input:focus,.mc-form select:focus,.mc-form textarea:focus,.mc-item-form input:focus,.mc-item-form select:focus,.mc-item-form textarea:focus{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 4px rgba(56,189,248,.10)}
.mc-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.mc-check{margin-right:auto;flex-direction:row!important;align-items:center;color:#dbeafe;font-weight:800}.mc-check input{width:auto!important}.mc-sort{width:90px!important}
.mc-list{display:grid;gap:14px}.mc-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px;border-radius:18px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.14)}
.mc-item-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.mc-item-title strong{color:#fff;font-size:16px}.mc-item-title span{color:#7dd3fc;background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.22);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}
.mc-delete-form{display:flex;align-items:flex-start}.mc-details{border:1px dashed rgba(148,163,184,.22);border-radius:14px;padding:12px}.mc-details summary{cursor:pointer;color:#bfdbfe;font-weight:900}.mc-details label{margin-top:12px}
@media (max-width:900px){.mc-grid.two,.mc-grid.three,.mc-grid.four{grid-template-columns:1fr}.mc-item{grid-template-columns:1fr}.mc-delete-form{justify-content:flex-end}.mc-admin-card{padding:18px}}

/* NordicNode Pterodactyl client panel */
.nn-ptero-panel{display:grid;gap:18px}.nn-ptero-hero,.nn-box{background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.88));border:1px solid rgba(56,189,248,.18);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.nn-ptero-hero{display:flex;justify-content:space-between;gap:16px;align-items:center}.nn-kicker{text-transform:uppercase;letter-spacing:.18em;color:#7dd3fc;font-size:11px;font-weight:900}.nn-ptero-hero h2{margin:6px 0;color:#fff;font-size:28px}.nn-ptero-hero p{margin:0;color:#b6c7e3}.nn-state{border-radius:999px;padding:8px 12px;background:rgba(14,165,233,.14);color:#7dd3fc;font-weight:900}.nn-state.running,.nn-state.online{background:rgba(16,185,129,.14);color:#86efac}.nn-state.offline,.nn-state.stopped{background:rgba(239,68,68,.14);color:#fecaca}.nn-power-row{display:flex;gap:10px;flex-wrap:wrap}.nn-power-btn{border:0;border-radius:14px;padding:12px 18px;color:white;font-weight:900;background:linear-gradient(90deg,#2563eb,#38bdf8);cursor:pointer}.nn-power-btn.stop,.nn-power-btn.kill{background:linear-gradient(90deg,#dc2626,#fb7185)}.nn-power-btn.restart{background:linear-gradient(90deg,#7c3aed,#38bdf8)}.nn-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.nn-stat{position:relative;overflow:hidden;background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.15);border-radius:18px;padding:16px}.nn-stat span{display:block;color:#9fb3d1;font-size:12px;font-weight:800;text-transform:uppercase}.nn-stat b{display:block;margin-top:6px;color:#fff;font-size:18px}.nn-stat i{display:block;height:5px;background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:999px;margin-top:12px}.nn-tabs{display:flex;gap:10px;flex-wrap:wrap}.nn-tabs a{color:#bfdbfe;text-decoration:none;padding:10px 13px;border-radius:999px;background:rgba(30,64,175,.25);border:1px solid rgba(96,165,250,.2);font-weight:900}.nn-box h3{margin:0 0 14px;color:#fff}.nn-console{height:360px;overflow:auto;background:#020617;border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:14px;color:#d1fae5;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;white-space:pre-wrap}.nn-console-send{display:flex;gap:10px;margin-top:10px}.nn-console-send input{flex:1;background:#07111f;color:#fff;border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:12px}.nn-console-send button{border:0;border-radius:14px;padding:0 18px;color:#fff;font-weight:900;background:linear-gradient(90deg,#2563eb,#38bdf8)}.nn-table{display:grid;gap:8px}.nn-table>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.12)}.nn-table b{color:#fff}.nn-table span,.muted{color:#9fb3d1}@media(max-width:800px){.nn-ptero-hero{align-items:flex-start;flex-direction:column}.nn-stat-grid{grid-template-columns:1fr}.nn-console{height:260px}}


/* Pterodactyl client panel tabs fix */
.nn-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.nn-tabs button{border:1px solid rgba(96,165,250,.28);background:rgba(37,99,235,.28);color:#dbeafe;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.nn-tabs button:hover,.nn-tabs button.active{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;border-color:rgba(125,211,252,.7)}
.nn-tab-panel{display:none}
.nn-tab-panel.active{display:block}



/* Server cancellation */
.nn-cancel-box{border-color:rgba(248,113,113,.28)!important;background:linear-gradient(180deg,rgba(127,29,29,.12),rgba(15,23,42,.45))!important}
.nn-cancel-form{display:grid;gap:12px}
.nn-cancel-form label{display:flex;gap:8px;align-items:center;color:#dbeafe;font-weight:700}
.nn-cancel-form textarea{min-height:90px;border:1px solid rgba(148,163,184,.22);background:#07111f;color:#fff;border-radius:14px;padding:12px}
.nn-state.cancelled,.status-opsagt{background:rgba(248,113,113,.16)!important;color:#fecaca!important;border-color:rgba(248,113,113,.35)!important}
.btn.danger,.nn-power-btn.kill{background:linear-gradient(135deg,#ef4444,#fb7185)!important;color:#fff!important}



/* Client menu cancel link repair */
.client-sidebar a.client-menu-danger{color:#fecaca!important;border-color:rgba(248,113,113,.35)!important;background:rgba(127,29,29,.18)!important}
.client-sidebar a.client-menu-danger:hover{background:linear-gradient(135deg,#ef4444,#fb7185)!important;color:#fff!important}



/* Service tabs/cancel menu fix */
.client-sidebar a.client-menu-danger.active{background:linear-gradient(135deg,#ef4444,#fb7185)!important;color:#fff!important}
.nn-power-row form{display:inline-flex}
.nn-power-row button{cursor:pointer}



/* Cancelled product badge in server hero */
.nn-cancel-alert{
  margin-top:10px;
  display:inline-flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  padding:9px 12px;
  border-radius:14px;
  border:1px solid rgba(248,113,113,.35);
  background:linear-gradient(135deg,rgba(127,29,29,.38),rgba(15,23,42,.55));
  color:#fecaca;
  font-weight:800;
}
.nn-cancel-alert span{
  color:#ffd7d7;
  font-size:.9rem;
  font-weight:700;
}
.nn-state.cancelled{
  background:rgba(248,113,113,.18)!important;
  color:#fecaca!important;
  border:1px solid rgba(248,113,113,.4)!important;
}


/* Force VPS OS-only configuration */
.vps-os-config-page .mc-config-title h1::before{content:'🖥️ '; }
.vps-os-config-page .mc-option strong{font-size:1rem}
.vps-os-config-page .summary-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.14)}


/* Brand exact homepage rebuild */
:root{--dz-bg:#030711;--dz-panel:#07101d;--dz-card:#0b1423;--dz-line:rgba(255,255,255,.08);--dz-purple:#7b2cff;--dz-purple2:#b633ff;--dz-text:#f8f9ff;--dz-muted:#98a3b8;--dz-green:#22c55e}
body{background:radial-gradient(circle at 39% 21%,rgba(116,38,255,.30),transparent 20%),radial-gradient(circle at 55% 35%,rgba(125,44,255,.20),transparent 18%),linear-gradient(180deg,#040711,#050914 55%,#03060d)!important;color:var(--dz-text)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}.wrap{width:min(1920px,calc(100% - 64px))}.nav{background:rgba(3,7,17,.86)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.navin{height:70px}.brand img{width:142px;height:auto;max-height:36px}.brand span{display:none}.links{gap:18px;align-items:center}.links a{font-size:12px;text-transform:uppercase;color:#fff;font-weight:900;letter-spacing:.04em;padding:10px 7px}.links .btn,.links a.btn{background:linear-gradient(180deg,#8f45ff,#6d24f0)!important;color:#fff!important;padding:14px 22px;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 0 26px rgba(123,44,255,.45)}main.wrap{width:100%;max-width:none;margin:0}.dz-page{display:grid;grid-template-columns:minmax(720px,1.25fr) minmax(520px,.85fr);min-height:calc(100vh - 70px);border-top:1px solid rgba(255,255,255,.04)}.dz-main{padding:44px 46px 20px 40px;border-right:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.dz-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68px 260px,rgba(122,44,255,.18),transparent 23%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px;pointer-events:none}.dz-main>*{position:relative}.dz-hero{min-height:420px;display:grid;grid-template-columns:1fr 520px;align-items:center}.dz-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:linear-gradient(90deg,rgba(123,44,255,.45),rgba(80,28,150,.22));color:#e7d7ff;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.dz-hero h1{font-size:clamp(56px,4.3vw,78px);line-height:.98;margin:22px 0 16px;letter-spacing:-.055em;font-weight:950}.dz-hero h1 span{background:linear-gradient(180deg,#a656ff,#742cff);-webkit-background-clip:text;color:transparent}.dz-hero p{color:#d3d7e7;font-size:18px;line-height:1.55;margin:0 0 24px}.dz-feature-row{display:flex;flex-wrap:wrap;gap:24px;margin:8px 0 28px;color:#eef1ff;font-size:12px;font-weight:900;text-transform:uppercase}.dz-feature-row span{color:#fff}.dz-actions{display:flex;gap:18px;margin-bottom:22px}.dz-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#8d3fff,#6924ec);padding:17px 27px;color:#fff!important;text-transform:uppercase;font-size:13px;font-weight:950;letter-spacing:.02em;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 34px rgba(123,44,255,.40)}.dz-btn-dark{background:rgba(12,18,31,.78)!important;border-color:rgba(255,255,255,.12);box-shadow:none}.dz-small{padding:14px 18px;width:100%;font-size:12px}.dz-trust{display:flex;align-items:center;gap:10px;font-size:13px}.dz-trust b{color:#fff}.dz-trust span{color:#20c970;letter-spacing:2px}.dz-trust em{font-style:normal;color:#fff}.dz-server-art{height:420px;position:relative;display:grid;place-items:center}.dz-server{width:220px;height:340px;border-radius:24px 24px 18px 18px;background:linear-gradient(90deg,#171b28,#262d42 45%,#0f1421 46%,#070b14);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 65px rgba(123,44,255,.75),inset 0 0 40px rgba(168,85,247,.15);transform:perspective(700px) rotateY(-16deg) rotateX(2deg);position:relative}.dz-server:before{content:"";position:absolute;inset:-48px -72px -55px;background:radial-gradient(circle,rgba(123,44,255,.36),transparent 64%);z-index:-1}.dz-server i{display:block;height:54px;margin:26px 24px;border-radius:8px;background:linear-gradient(90deg,#262c3e,#101622);border:1px solid rgba(255,255,255,.10);box-shadow:inset 70px 0 20px rgba(123,44,255,.44),0 0 20px rgba(123,44,255,.35)}.dz-server strong{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);font-size:98px;line-height:1;color:#b65cff;text-shadow:0 0 35px #8b30ff;font-weight:950}.dz-glow{position:absolute;bottom:10px;width:460px;height:90px;background:radial-gradient(ellipse,rgba(139,44,255,.55),transparent 70%);filter:blur(8px)}.dz-crystal{position:absolute;width:34px;height:48px;background:linear-gradient(135deg,#271244,#a855f7);clip-path:polygon(50% 0,100% 28%,75% 100%,25% 100%,0 28%);opacity:.75;box-shadow:0 0 25px rgba(168,85,247,.55)}.c1{right:68px;top:72px}.c2{left:50px;top:110px;transform:scale(.7) rotate(16deg)}.c3{right:145px;bottom:70px;transform:scale(.55) rotate(-12deg)}.dz-partners{height:78px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(9,16,28,.74);display:grid;grid-template-columns:1fr repeat(6,1.1fr);gap:16px;align-items:center;padding:0 30px;margin:10px 0 28px}.dz-partners span{text-transform:uppercase;color:#a4adbf;font-size:12px}.dz-partners b{color:#c8cfdd;opacity:.82;font-size:20px;text-align:center;filter:grayscale(1)}.dz-steps h2{text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:18px;margin:0 0 18px}.dz-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dz-step-grid article{background:rgba(10,17,30,.75);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:22px 26px;display:grid;grid-template-columns:54px 1fr;gap:0 16px;align-items:center;position:relative}.dz-step-grid article:not(:last-child):after{content:"→";position:absolute;right:20px;color:#8c35ff;font-size:22px}.dz-step-grid i{width:54px;height:54px;border-radius:999px;background:rgba(123,44,255,.28);display:grid;place-items:center;font-style:normal;color:#b36cff;font-size:25px;grid-row:1/4}.dz-step-grid span{color:#bc7cff;font-weight:950}.dz-step-grid b{font-size:15px}.dz-step-grid p{margin:4px 0 0;color:#a9b2c4;line-height:1.4}.dz-products{display:grid;grid-template-columns:225px 1fr;gap:18px;margin-top:20px}.dz-game-list,.dz-plans{background:rgba(8,15,27,.82);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:18px}.dz-game-list h3,.dz-section-head h3{text-transform:uppercase;font-size:14px;margin:0 0 15px}.dz-game-list a{display:flex;align-items:center;gap:12px;padding:13px;border-radius:7px;color:#fff;font-weight:800}.dz-game-list a.active{background:linear-gradient(90deg,#6320c8,#40127d)}.dz-game-list .viewall{justify-content:center;background:rgba(255,255,255,.06);margin-top:14px;text-transform:uppercase;font-size:12px}.dz-section-head{display:flex;align-items:center;justify-content:space-between}.dz-section-head a{font-size:12px;color:#bf6cff}.dz-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dz-plan{position:relative;min-height:270px;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:25px 22px;background:rgba(5,10,19,.55)}.dz-plan.hot{border-color:#8a34ff;box-shadow:0 0 25px rgba(123,44,255,.15)}.dz-pop{position:absolute;top:-12px;left:32px;background:#7b2cff;border-radius:6px;padding:6px 16px;text-transform:uppercase;font-size:10px;font-weight:950}.dz-plan h4{font-size:20px;margin:0 0 12px}.dz-price{font-size:36px;font-weight:950;margin-bottom:17px}.dz-price small{font-size:12px;color:#c7ccda;font-weight:500}.dz-plan ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px;color:#cdd3df;font-size:13px}.dz-bottom-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(8,15,27,.72);padding:18px 22px;margin-top:20px}.dz-bottom-features article{display:grid;grid-template-columns:42px 1fr;gap:2px 12px;align-items:center}.dz-bottom-features b{text-transform:uppercase}.dz-bottom-features span{color:#a8b1c3}.dz-dashboard-preview{padding:24px 22px 20px;background:linear-gradient(180deg,rgba(6,12,23,.92),rgba(3,7,14,.98));position:relative;overflow:hidden}.dz-dashboard-preview:before{content:"";position:absolute;top:18px;left:24px;font-size:26px;font-weight:950;letter-spacing:.05em}.dz-top-user{height:42px;display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-bottom:26px}.dz-top-user span{font-size:20px;position:relative}.dz-top-user i{position:absolute;right:-8px;top:-9px;background:#7b2cff;border-radius:999px;font-size:10px;padding:2px 6px;font-style:normal}.dz-top-user b{font-size:13px;display:grid}.dz-top-user small{color:#a6afc1;font-weight:500}.dz-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dz-stat-grid article{border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(10,17,30,.76);padding:22px;text-align:center}.dz-stat-grid b{display:block;font-size:28px}.dz-stat-grid span{font-size:12px;text-transform:uppercase;color:#c9d0de}.dz-panel{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(8,15,27,.72);margin-top:18px;overflow:hidden}.dz-panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase}.dz-panel-head a{font-size:12px;color:#bd70ff}.dz-server-line{display:grid;grid-template-columns:42px 1fr auto 36px 36px;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.dz-server-line b{display:grid}.dz-server-line small{color:#a3adbf;font-weight:500;margin-top:4px}.dz-server-line em{font-style:normal;background:rgba(34,197,94,.14);color:#22c55e;padding:5px 10px;border-radius:6px;font-size:12px}.dz-server-line button{background:rgba(255,255,255,.06);border:0;color:#fff;border-radius:7px;height:34px}.dz-ticket{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.dz-ticket span,.dz-panel table span{background:rgba(123,44,255,.25);color:#c589ff;border-radius:7px;padding:5px 10px;font-size:12px}.dz-ticket .green,.dz-panel table .green{background:rgba(34,197,94,.13);color:#22c55e}.dz-help{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;margin-top:18px;border:1px solid rgba(123,44,255,.35);background:linear-gradient(90deg,rgba(123,44,255,.20),rgba(9,16,28,.65));border-radius:10px;padding:22px}.dz-help span{color:#c7b5e6}.dz-help a{grid-row:1/3;grid-column:2;background:#7b2cff;padding:14px 18px;border-radius:7px;text-transform:uppercase;font-weight:950}.dz-panel table{width:100%;border-collapse:collapse}.dz-panel td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);color:#ccd3e0;font-size:13px}@media(max-width:1300px){.dz-page{grid-template-columns:1fr}.dz-dashboard-preview{display:none}.dz-hero{grid-template-columns:1fr 360px}.dz-partners{grid-template-columns:repeat(3,1fr);height:auto;padding:20px}.dz-plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.wrap{width:calc(100% - 28px)}.brand img{width:118px}.dz-main{padding:28px 14px}.dz-hero{grid-template-columns:1fr;min-height:auto}.dz-server-art{height:260px}.dz-server{width:145px;height:220px}.dz-server strong{font-size:58px}.dz-hero h1{font-size:44px}.dz-feature-row{gap:12px}.dz-products{grid-template-columns:1fr}.dz-step-grid,.dz-bottom-features{grid-template-columns:1fr}.dz-plan-grid{grid-template-columns:1fr}.dz-partners{grid-template-columns:1fr 1fr}.links{gap:0}.links a{font-size:13px}.dz-actions{flex-direction:column}.dz-btn{width:100%}}

/* Brand pricing page */
.dz-pricing-page{position:relative;min-height:calc(100vh - 70px);padding:38px 40px 34px;overflow:hidden;background:radial-gradient(circle at 63% 8%,rgba(123,44,255,.26),transparent 28%),radial-gradient(circle at 5% 34%,rgba(123,44,255,.16),transparent 24%),linear-gradient(180deg,#030711,#050915 64%,#03060d)}
.dz-pricing-bg{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;opacity:.85}.dz-pricing-bg span{position:absolute;width:42px;height:58px;background:linear-gradient(135deg,#271244,#a855f7);clip-path:polygon(50% 0,100% 28%,75% 100%,25% 100%,0 28%);opacity:.48;filter:drop-shadow(0 0 24px rgba(168,85,247,.55))}.dz-pricing-bg span:nth-child(1){right:12%;top:90px}.dz-pricing-bg span:nth-child(2){left:7%;top:260px;transform:scale(.7) rotate(18deg)}.dz-pricing-bg span:nth-child(3){right:34%;bottom:170px;transform:scale(.55) rotate(-16deg)}.dz-pricing-page>*:not(.dz-pricing-bg){position:relative;z-index:1}.dz-price-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:26px;align-items:end;margin:0 auto 24px;max-width:1760px}.dz-price-hero h1{font-size:clamp(46px,5.3vw,82px);line-height:.96;margin:20px 0 14px;letter-spacing:-.06em;font-weight:950}.dz-price-hero h1 span{background:linear-gradient(180deg,#b86aff,#742cff);-webkit-background-clip:text;color:transparent}.dz-price-hero p{max-width:760px;color:#c7cfdf;font-size:18px;line-height:1.55;margin:0 0 22px}.dz-price-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dz-price-summary article{border:1px solid rgba(255,255,255,.08);background:rgba(8,15,27,.76);border-radius:12px;padding:22px;text-align:center;box-shadow:0 0 35px rgba(123,44,255,.08)}.dz-price-summary b{display:block;font-size:30px}.dz-price-summary span{display:block;margin-top:5px;color:#aab3c5;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.05em}.dz-price-layout{max-width:1760px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:20px}.dz-price-games{border:1px solid rgba(255,255,255,.08);background:rgba(8,15,27,.82);border-radius:12px;padding:18px;align-self:start;position:sticky;top:94px}.dz-side-title{text-transform:uppercase;font-size:14px;font-weight:950;margin-bottom:14px;color:#fff}.dz-price-games>a{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:13px;border-radius:8px;color:#fff;font-weight:850}.dz-price-games>a em{grid-column:2;color:#9aa5b9;font-style:normal;font-size:12px;font-weight:700;margin-top:-4px}.dz-price-games>a.active,.dz-price-games>a:hover{background:linear-gradient(90deg,#6320c8,#40127d);box-shadow:0 0 22px rgba(123,44,255,.22)}.dz-side-help{margin-top:18px;padding:16px;border:1px solid rgba(123,44,255,.22);border-radius:10px;background:linear-gradient(180deg,rgba(123,44,255,.13),rgba(255,255,255,.025))}.dz-side-help p{color:#aab3c5;line-height:1.45}.dz-side-help a{color:#c58bff;font-weight:950}.dz-price-content{min-width:0}.dz-price-head{background:rgba(8,15,27,.72);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px 20px;margin-bottom:16px}.dz-price-head h3{font-size:22px}.dz-price-head p{margin:6px 0 0;color:#aab3c5}.dz-cycle-tabs{display:flex;gap:10px;border:1px solid rgba(255,255,255,.08);background:rgba(8,15,27,.62);border-radius:12px;padding:10px;margin-bottom:16px;width:max-content}.dz-cycle-tabs button{background:transparent;border:0;color:#aab3c5;border-radius:8px;padding:10px 15px;font-weight:950;cursor:pointer}.dz-cycle-tabs button.active,.dz-cycle-tabs button:hover{background:#7b2cff;color:#fff;box-shadow:0 0 20px rgba(123,44,255,.34)}.dz-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dz-category-card,.dz-price-card,.dz-empty-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(180deg,rgba(11,20,35,.86),rgba(5,10,19,.76));box-shadow:0 0 44px rgba(0,0,0,.22);padding:24px}.dz-category-card{min-height:275px;display:flex;flex-direction:column}.dz-category-icon{width:58px;height:58px;border-radius:18px;background:rgba(123,44,255,.28);display:grid;place-items:center;font-size:26px;box-shadow:0 0 24px rgba(123,44,255,.24)}.dz-category-card>span,.dz-card-game{display:inline-flex;width:max-content;margin-top:18px;padding:7px 12px;border-radius:999px;background:rgba(123,44,255,.18);color:#c58bff;text-transform:uppercase;font-size:11px;font-weight:950}.dz-category-card h2,.dz-price-card h2{margin:14px 0 8px;font-size:24px}.dz-category-card p,.dz-price-card p{color:#aab3c5;line-height:1.5;margin:0 0 18px}.dz-category-card .dz-btn{margin-top:auto}.dz-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dz-price-card{position:relative;min-height:450px;display:flex;flex-direction:column}.dz-price-card.hot{border-color:#8a34ff;box-shadow:0 0 35px rgba(123,44,255,.20)}.dz-price-card .dz-pop{top:-12px}.dz-price-card .dz-price{margin:10px 0 16px}.dz-price-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:11px;color:#cbd3e1}.dz-price-card li{display:flex;gap:8px;align-items:center}.dz-price-card li:before{content:'◉';color:#a855f7;font-size:11px}.dz-price-card li b{color:#fff}.dz-price-card .dz-btn{margin-top:auto}.dz-empty-card h2{margin-top:0}.dz-empty-card p{color:#aab3c5}.dz-price-footer-features{max-width:1760px;margin:20px auto 0!important}
@media(max-width:1300px){.dz-price-hero{grid-template-columns:1fr}.dz-price-summary{max-width:700px}.dz-pricing-grid,.dz-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.dz-pricing-page{padding:26px 14px}.dz-price-hero h1{font-size:44px}.dz-price-layout{grid-template-columns:1fr}.dz-price-games{position:static}.dz-price-summary{grid-template-columns:1fr}.dz-category-grid,.dz-pricing-grid{grid-template-columns:1fr}.dz-cycle-tabs{width:100%;overflow:auto}.dz-cycle-tabs button{white-space:nowrap}.dz-price-hero .dz-feature-row{gap:10px}}

/* Brand login/register pages */
.dz-auth-page{position:relative;min-height:calc(100vh - 72px);padding:54px 40px;overflow:hidden;background:radial-gradient(circle at 19% 24%,rgba(123,44,255,.28),transparent 25%),radial-gradient(circle at 72% 18%,rgba(182,51,255,.16),transparent 24%),linear-gradient(180deg,#030711,#050914 62%,#03060d)}
.dz-auth-page>*:not(.dz-auth-bg){position:relative;z-index:1}.dz-auth-bg{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;opacity:.8}.dz-auth-bg span{position:absolute;width:52px;height:72px;background:linear-gradient(135deg,#271244,#a855f7);clip-path:polygon(50% 0,100% 28%,75% 100%,25% 100%,0 28%);opacity:.42;filter:drop-shadow(0 0 26px rgba(168,85,247,.55))}.dz-auth-bg span:nth-child(1){right:12%;top:90px}.dz-auth-bg span:nth-child(2){left:8%;bottom:170px;transform:scale(.72) rotate(16deg)}.dz-auth-bg span:nth-child(3){right:42%;bottom:90px;transform:scale(.55) rotate(-15deg)}
.dz-auth-shell{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) 470px;gap:22px;align-items:stretch}.dz-auth-shell.reverse{grid-template-columns:470px minmax(0,1.1fr)}
.dz-auth-brand-panel,.dz-auth-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(8,15,27,.86),rgba(4,8,16,.88));border-radius:16px;box-shadow:0 24px 90px rgba(0,0,0,.35),0 0 48px rgba(123,44,255,.09);overflow:hidden}.dz-auth-brand-panel{position:relative;padding:44px;min-height:620px;display:flex;flex-direction:column;justify-content:center}.dz-auth-brand-panel:before{content:'';position:absolute;inset:auto -90px -100px auto;width:520px;height:520px;background:radial-gradient(circle,rgba(123,44,255,.40),transparent 62%);filter:blur(2px)}.dz-auth-brand-panel:after{content:'X';position:absolute;right:86px;top:95px;font-size:210px;font-weight:950;line-height:1;background:linear-gradient(180deg,#c989ff,#6822e8);-webkit-background-clip:text;color:transparent;text-shadow:0 0 45px rgba(123,44,255,.55);opacity:.72}.dz-auth-brand-panel h1{position:relative;z-index:1;font-size:clamp(42px,4.5vw,72px);line-height:.98;letter-spacing:-.055em;margin:20px 0 16px;font-weight:950;max-width:690px}.dz-auth-brand-panel h1 span{background:linear-gradient(180deg,#bd6cff,#742cff);-webkit-background-clip:text;color:transparent}.dz-auth-brand-panel p{position:relative;z-index:1;color:#c5cedf;font-size:18px;line-height:1.55;max-width:610px;margin:0 0 26px}.dz-kicker{display:block;text-transform:uppercase;letter-spacing:.18em;color:#b56cff;font-size:12px;font-weight:950}.dz-auth-card{padding:34px;align-self:center}.dz-auth-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.dz-auth-card-top h2{font-size:34px;line-height:1;margin:8px 0 0;letter-spacing:-.03em}.dz-auth-card-top>a,.dz-auth-bottom a{color:#c58bff;font-weight:950;text-decoration:none}.dz-auth-form{display:grid;gap:12px}.dz-auth-form label{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#dce4f3;font-weight:950}.dz-auth-form input[type=email],.dz-auth-form input[type=password],.dz-auth-form input[type=text]{width:100%;border:1px solid rgba(255,255,255,.09);background:rgba(3,7,14,.72);color:#fff;border-radius:10px;padding:15px 16px;outline:none;box-shadow:inset 0 0 0 1px rgba(123,44,255,.02);transition:.18s ease}.dz-auth-form input:focus{border-color:rgba(168,85,247,.7);box-shadow:0 0 0 4px rgba(123,44,255,.14),0 0 22px rgba(123,44,255,.16)}.dz-auth-form input::placeholder{color:#6f7b91}.dz-auth-form .dz-btn{width:100%;justify-content:center;border:0;margin-top:8px}.dz-check-row{display:flex!important;align-items:flex-start;gap:10px;text-transform:none!important;letter-spacing:0!important;color:#b9c3d5!important;font-weight:750!important;line-height:1.4}.dz-check-row input{margin-top:3px;accent-color:#7b2cff}.dz-check-row a{color:#c58bff}.dz-auth-bottom{display:flex;justify-content:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);color:#97a4ba}.dz-auth-preview,.dz-auth-steps{position:relative;z-index:1;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(5,10,19,.68);overflow:hidden;max-width:650px}.dz-auth-preview-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase}.dz-auth-preview-head a{color:#bd70ff;font-size:12px;font-weight:950}.dz-auth-server-line{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.dz-auth-server-line b{display:block;color:#fff}.dz-auth-server-line small{display:block;color:#a3adbf;margin-top:4px}.dz-auth-server-line em{font-style:normal;background:rgba(34,197,94,.14);color:#22c55e;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:950}.dz-game-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(123,44,255,.22);font-weight:950;color:#ff8a2a}.dz-auth-feature-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;max-width:650px}.dz-auth-feature-row article{border:1px solid rgba(255,255,255,.08);background:rgba(8,15,27,.72);border-radius:10px;padding:15px;display:flex;gap:10px;align-items:center}.dz-auth-feature-row span{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:rgba(123,44,255,.22)}.dz-auth-feature-row b{font-size:13px;text-transform:uppercase}.dz-auth-steps{display:grid;gap:0}.dz-auth-steps article{display:grid;grid-template-columns:42px 1fr;gap:2px 14px;padding:18px;border-bottom:1px solid rgba(255,255,255,.06)}.dz-auth-steps i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:#7b2cff;font-style:normal;font-weight:950;box-shadow:0 0 22px rgba(123,44,255,.34)}.dz-auth-steps b{color:#fff}.dz-auth-steps span{color:#aab3c5}
@media(max-width:1050px){.dz-auth-shell,.dz-auth-shell.reverse{grid-template-columns:1fr}.dz-auth-card{align-self:stretch}.dz-auth-brand-panel{min-height:auto}.dz-auth-brand-panel:after{font-size:150px;right:30px;top:60px;opacity:.42}}
@media(max-width:700px){.dz-auth-page{padding:28px 14px}.dz-auth-card,.dz-auth-brand-panel{padding:24px}.dz-auth-brand-panel h1{font-size:42px}.dz-auth-feature-row{grid-template-columns:1fr}.dz-auth-card-top,.dz-auth-bottom{flex-direction:column;align-items:flex-start}.dz-auth-brand-panel:after{display:none}}

/* =========================================================
   Brand Client Area v2 - high detail dashboard redesign
   ========================================================= */
body:has(.dezerx-client-app){background:#030712;color:#f8fafc;overflow-x:hidden}
body:has(.dezerx-client-app)::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(124,58,237,.22),transparent 32%),radial-gradient(circle at 80% 8%,rgba(168,85,247,.16),transparent 28%),linear-gradient(180deg,#02030a 0%,#06111d 100%);z-index:-3}
body:has(.dezerx-client-app)::after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 70%);z-index:-2}
body:has(.dezerx-client-app) .nav,body:has(.dezerx-client-app) .footer{display:none!important}
body:has(.dezerx-client-app) main.wrap{max-width:none;width:100%;padding:0;margin:0}
.dezerx-client-app{--dx-bg:#030712;--dx-panel:rgba(10,16,29,.72);--dx-panel2:rgba(15,22,39,.84);--dx-border:rgba(148,163,184,.13);--dx-border2:rgba(168,85,247,.32);--dx-text:#f8fafc;--dx-muted:#a8b3c7;--dx-purple:#8b5cf6;--dx-purple2:#6d28d9;--dx-pink:#d946ef;--dx-green:#22c55e;min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:transparent;color:var(--dx-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.dezerx-client-app *{box-sizing:border-box}.dezerx-sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:24px 12px 22px;border-right:1px solid var(--dx-border);background:linear-gradient(180deg,rgba(4,8,18,.96),rgba(5,11,23,.90)),radial-gradient(circle at 20% 75%,rgba(124,58,237,.24),transparent 36%);box-shadow:18px 0 70px rgba(0,0,0,.35)}.dezerx-side-logo{display:flex;align-items:center;gap:10px;height:42px;margin:0 8px 26px;color:#fff;font-size:22px;font-weight:950;letter-spacing:.02em;text-transform:uppercase}.dezerx-side-logo img{max-width:150px;max-height:32px;object-fit:contain}.dezerx-side-logo span{display:none}.dezerx-side-nav{display:grid;gap:5px}.client-side-label{margin:22px 18px 9px;color:#8b95aa;text-transform:uppercase;font-size:12px;letter-spacing:.07em}.dezerx-side-nav a{display:flex!important;align-items:center;gap:14px;padding:14px 18px!important;border-radius:10px!important;border:1px solid transparent!important;color:#c9d2e3!important;font-weight:700!important;background:transparent!important;transition:.18s ease;box-shadow:none!important;text-decoration:none}.dezerx-side-nav a:hover{color:#fff!important;background:rgba(139,92,246,.12)!important;border-color:rgba(139,92,246,.20)!important;transform:translateX(2px)}.dezerx-side-nav a.active{color:#fff!important;background:linear-gradient(90deg,rgba(109,40,217,.96),rgba(28,32,51,.72))!important;border-color:rgba(168,85,247,.35)!important;box-shadow:0 12px 40px rgba(109,40,217,.18)!important}.client-nav-ico{width:25px;height:25px;display:grid;place-items:center;color:#e9d5ff;font-size:20px;line-height:1}.client-help-card{margin:26px 6px 20px;padding:24px 18px;border:1px solid rgba(168,85,247,.32);border-radius:16px;background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(5,9,20,.88)),radial-gradient(circle at 50% 0,rgba(139,92,246,.35),transparent 56%);text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}.client-help-gem{font-size:56px;line-height:1;color:#a855f7;text-shadow:0 0 22px rgba(168,85,247,.76);margin-bottom:8px}.client-help-card h3{margin:0 0 8px;font-size:20px}.client-help-card p{margin:0 0 18px;color:var(--dx-muted);font-size:14px;line-height:1.55}.client-help-card a,.client-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;border-radius:9px;border:1px solid rgba(221,214,254,.18);background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 14px 32px rgba(109,40,217,.25)}.client-help-card a:hover,.client-primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.client-side-footer{position:relative;margin:12px 10px 0;padding-top:18px;border-top:1px solid rgba(148,163,184,.12);color:#727c91}.client-side-footer b{display:block;color:rgba(255,255,255,.22);font-size:20px;text-transform:uppercase;letter-spacing:.03em}.client-side-footer small{display:block;margin-top:8px;line-height:1.6}.client-moon{position:absolute;right:0;bottom:0;width:36px;height:36px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.85);color:#e9d5ff}.dezerx-client-main{min-width:0;padding:20px 28px 34px}.dezerx-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.client-search{width:min(460px,45vw);height:52px;border:1px solid var(--dx-border);border-radius:10px;background:rgba(7,12,24,.74);display:flex;align-items:center;gap:12px;padding:0 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.client-search span{font-size:22px;color:#93a4bd}.client-search input{flex:1;border:0;background:transparent;outline:0;color:#fff;font:inherit}.client-search input::placeholder{color:#8b95aa}.client-search kbd{border:1px solid rgba(148,163,184,.14);border-radius:7px;background:rgba(255,255,255,.04);color:#9ba8bd;padding:4px 8px;font-size:12px}.client-top-actions{display:flex;align-items:center;gap:16px}.top-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:24px}.top-icon em{position:absolute;right:-4px;top:-5px;min-width:22px;height:22px;border-radius:999px;background:#7c3aed;color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900;box-shadow:0 0 18px rgba(124,58,237,.65)}.client-user-mini{position:relative}.client-user-mini .user-menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#fff;padding:0}.client-mini-avatar{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#f59e0b,#8b5cf6);font-weight:950;color:#fff}.client-user-mini b{display:block}.client-user-mini small{display:block;color:#a8b3c7;margin-top:3px}.client-page-head,.client-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}.client-page-head h1,.client-welcome h1{margin:0 0 8px;font-size:31px;letter-spacing:-.035em}.client-page-head p,.client-welcome p{margin:0;color:#c5cedd}.client-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 20px}.client-stat-card{position:relative;min-height:145px;padding:27px 24px;border:1px solid var(--dx-border);border-radius:12px;background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(8,12,23,.78));box-shadow:0 16px 45px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.035);color:#fff;text-decoration:none;overflow:hidden}.client-stat-card:before{content:"";position:absolute;inset:-70% auto auto -20%;width:160px;height:160px;background:radial-gradient(circle,rgba(139,92,246,.24),transparent 70%);filter:blur(4px)}.client-stat-card i{position:absolute;left:26px;top:31px;color:#a855f7;font-size:42px;font-style:normal;text-shadow:0 0 24px rgba(168,85,247,.65)}.client-stat-card strong{display:block;margin-left:70px;font-size:34px;letter-spacing:-.04em}.client-stat-card span{display:block;margin:2px 0 0 70px;color:#b6c0d1;text-transform:uppercase;font-size:13px}.client-stat-card small{display:block;margin:10px 0 0 70px;color:#d8b4fe}.client-stat-card small em{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:8px;vertical-align:middle}.client-stat-card small.warn{color:#fb7185}.client-stat-card small.warn em{background:#f97316}.client-stat-card:hover{border-color:var(--dx-border2);transform:translateY(-2px)}.dezerx-panel{border:1px solid var(--dx-border)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(9,15,28,.78),rgba(7,11,22,.82))!important;box-shadow:0 16px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.032)!important;overflow:hidden!important;margin-bottom:20px!important}.client-panel-head{padding:20px 25px!important;border-bottom:1px solid rgba(148,163,184,.12)!important;background:transparent!important}.client-panel-head h2{font-size:21px!important;color:#fff!important}.client-panel-head a{background:transparent!important;border:0!important;color:#d06bff!important;padding:0!important;font-size:14px!important}.dezerx-server-list{padding:0 25px 14px}.dezerx-server-card{padding:20px 0;border-top:1px solid rgba(148,163,184,.11)}.dezerx-server-card:first-child{border-top:0}.server-main-row{display:flex;align-items:center;gap:18px}.server-game-icon{width:62px;height:62px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(34,197,94,.72),rgba(146,64,14,.78));font-size:34px;font-weight:950;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.4)}.dezerx-server-card:nth-child(even) .server-game-icon{background:linear-gradient(135deg,#f97316,#111827)}.server-info{min-width:0;flex:1}.server-info h3{margin:0 0 7px;font-size:18px;color:#fff}.server-info p{margin:0;color:#aeb9ca;font-size:14px}.server-info p span{color:#5e6b80;margin:0 7px}.server-actions{display:flex;gap:10px}.server-actions a{width:50px;height:50px;border:1px solid rgba(148,163,184,.13);border-radius:10px;background:rgba(17,24,39,.72);display:grid;place-items:center;color:#fff;text-decoration:none;font-size:20px}.server-actions a:hover{border-color:rgba(168,85,247,.35);background:rgba(139,92,246,.13)}.server-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:17px 0 0 80px;padding:14px;border:1px solid rgba(148,163,184,.10);border-radius:10px;background:rgba(3,7,18,.35)}.server-meters label{display:flex;justify-content:space-between;color:#aeb9ca;font-size:13px;margin-bottom:8px}.server-meters label b{color:#fff;font-weight:700}.server-meters span{display:block;height:7px;border-radius:999px;background:rgba(148,163,184,.10);overflow:hidden}.server-meters i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6d28d9,#a855f7);box-shadow:0 0 18px rgba(168,85,247,.5)}.client-badge{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid transparent!important;border-radius:9px!important;padding:8px 12px!important;font-size:13px!important;font-weight:800!important;min-width:72px}.client-badge.ok{color:#4ade80!important;background:rgba(22,163,74,.14)!important}.client-badge.warn{color:#fbbf24!important;background:rgba(245,158,11,.14)!important}.client-badge.bad{color:#f87171!important;background:rgba(239,68,68,.13)!important}.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px}.client-list-lines{padding:0 25px 10px}.client-list-lines a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid rgba(148,163,184,.10);color:#fff;text-decoration:none}.client-list-lines a:first-child{border-top:0}.client-list-lines b{display:block;font-size:16px;margin-bottom:6px}.client-list-lines small{display:block;color:#aeb9ca}.client-list-lines small{color:#c4b5fd}.client-muted-line{color:#aeb9ca}.client-outline-full{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 25px 20px;padding:13px 18px;border:1px solid rgba(168,85,247,.55);border-radius:9px;color:#d8b4fe;text-decoration:none;background:rgba(88,28,135,.10);font-weight:800}.system-status-list{padding:0 25px 14px}.system-status-list p{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(148,163,184,.10);margin:0;padding:13px 0;color:#cbd5e1}.system-status-list p:first-child{border-top:0}.system-status-list b{position:relative;color:#cbd5e1;font-weight:500}.system-status-list b:before{content:"";display:inline-block;width:7px;height:7px;border-radius:999px;background:#4ade80;margin-right:12px;box-shadow:0 0 14px rgba(74,222,128,.65)}.all-operational{margin:0 25px 20px;padding:16px;border-top:1px solid rgba(148,163,184,.11);color:#d1fae5}.client-table{width:100%;border-collapse:collapse}.client-table th{background:transparent!important;color:#aeb9ca!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important}.client-table th,.client-table td{padding:13px 22px!important;border-bottom:1px solid rgba(148,163,184,.09)!important;color:#d7deea!important;white-space:nowrap}.client-table tr:hover td{background:rgba(139,92,246,.035)!important}.unpaid-card .invoice-callout{display:flex;align-items:center;gap:22px;padding:25px}.invoice-callout i{width:78px;height:78px;border-radius:16px;border:1px solid rgba(168,85,247,.35);display:grid;place-items:center;color:#a855f7;font-style:normal;font-size:46px;box-shadow:inset 0 0 30px rgba(139,92,246,.14)}.invoice-callout small{display:block;color:#c4b5fd}.invoice-callout b{display:block;font-size:27px;margin:8px 0;color:#fff}.invoice-callout p{margin:0;color:#f59e0b}.unpaid-card .client-primary-btn{width:calc(100% - 50px);margin:0 25px 18px}.invoice-footer{display:flex;justify-content:space-between;gap:12px;padding:0 25px 22px;color:#aeb9ca}.invoice-footer span{color:#f59e0b}.client-action-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:8px 0 22px}.client-action-cards a{position:relative;min-height:130px;padding:24px 58px 24px 24px;border:1px solid var(--dx-border);border-radius:12px;background:linear-gradient(145deg,rgba(15,23,42,.70),rgba(6,11,22,.82));color:#fff;text-decoration:none;overflow:hidden}.client-action-cards i{display:block;color:#a855f7;font-size:43px;font-style:normal;text-shadow:0 0 22px rgba(168,85,247,.55);margin-bottom:10px}.client-action-cards b{display:block;font-size:17px;margin-bottom:7px}.client-action-cards span{display:block;color:#aeb9ca;line-height:1.45}.client-action-cards em{position:absolute;right:20px;bottom:20px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.14);display:grid;place-items:center;font-style:normal;color:#fff}.client-action-cards a:hover{border-color:var(--dx-border2);transform:translateY(-2px)}.client-review-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 28px;border:1px solid rgba(168,85,247,.28);border-radius:13px;background:linear-gradient(90deg,rgba(88,28,135,.34),rgba(6,11,22,.78));box-shadow:0 16px 50px rgba(0,0,0,.22);margin:0 0 18px}.client-review-banner div{display:flex;align-items:center;gap:16px}.client-review-banner i{font-style:normal;color:#a855f7;font-size:44px;text-shadow:0 0 22px rgba(168,85,247,.66)}.client-review-banner b{font-size:18px}.client-review-banner span{color:#aeb9ca;margin-left:8px}.client-review-banner a{margin-left:auto;min-width:190px;text-align:center;padding:13px 18px;border:1px solid rgba(168,85,247,.55);border-radius:9px;color:#e9d5ff;text-decoration:none;background:rgba(88,28,135,.14);font-weight:800}.client-review-banner button{width:40px;height:40px;border:0;background:transparent;color:#aeb9ca;font-size:26px}.client-empty{padding:30px!important;color:#aeb9ca!important;text-align:center}.client-empty b{display:block;color:#fff!important;font-size:20px;margin-bottom:8px}.dezerx-mini-stats{grid-template-columns:repeat(4,1fr)!important}.client-stat-tile{border:1px solid var(--dx-border)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(6,11,22,.82))!important;color:#fff!important}.client-stat-tile b{color:#fff!important}.client-stat-tile span,.client-stat-tile small{color:#aeb9ca!important}.client-content{min-width:0}.client-panel:not(.dezerx-panel){border:1px solid var(--dx-border)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(9,15,28,.78),rgba(7,11,22,.82))!important;box-shadow:0 16px 50px rgba(0,0,0,.24)!important;overflow:hidden!important}.client-services-grid{padding:20px!important}.client-service-card{border:1px solid rgba(148,163,184,.12)!important;border-radius:14px!important;background:rgba(3,7,18,.35)!important}.client-service-card:hover{border-color:rgba(168,85,247,.34)!important}.client-profile-box,.client-settings-form{background:transparent!important}.client-menu-danger{color:#fecaca!important;background:rgba(127,29,29,.16)!important;border-color:rgba(248,113,113,.22)!important}
@media(max-width:1180px){.dezerx-client-app{grid-template-columns:230px minmax(0,1fr)}.dezerx-sidebar{padding:18px 10px 20px}.dezerx-side-logo{justify-content:flex-start;margin-left:6px;margin-right:6px}.dezerx-side-logo img{max-width:145px;max-height:34px}.dezerx-side-nav a{justify-content:flex-start;padding:13px 14px!important;gap:12px}.dezerx-side-nav a span:last-child{display:inline!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-side-label{display:block;margin:18px 14px 8px;font-size:11px}.client-help-card{display:none}.client-side-footer{display:block;margin:12px 8px 0}.client-side-footer b,.client-side-footer small{display:none}.client-moon{position:static;width:100%;height:34px}.client-nav-ico{width:24px;font-size:20px;flex:0 0 24px}.client-stat-row,.client-action-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.dezerx-client-app{display:block}.dezerx-sidebar{position:relative;height:auto;display:block;padding:14px;border-right:0;border-bottom:1px solid var(--dx-border)}.dezerx-side-logo{justify-content:flex-start;margin-bottom:12px}.dezerx-side-logo img{max-width:140px}.dezerx-side-nav{display:flex;overflow:auto;gap:8px;padding-bottom:4px}.dezerx-side-nav a{min-width:max-content;justify-content:flex-start!important;padding:11px 13px!important}.dezerx-side-nav a span:last-child{display:inline}.client-nav-ico{width:20px;height:20px;font-size:18px}.client-side-label,.client-help-card,.client-side-footer{display:none}.dezerx-client-main{padding:16px}.dezerx-topbar{height:auto;align-items:flex-start}.client-search{width:100%;flex:1}.client-user-mini .user-menu-toggle span:nth-child(2){display:none}.client-stat-row,.client-dashboard-grid,.client-action-cards,.dezerx-mini-stats{grid-template-columns:1fr!important}.server-main-row{align-items:flex-start;flex-wrap:wrap}.server-info{flex-basis:calc(100% - 84px)}.server-actions{width:100%;margin-left:80px}.server-actions a{flex:1}.server-meters{margin-left:0;grid-template-columns:1fr}.client-review-banner{align-items:flex-start;flex-direction:column}.client-review-banner div{align-items:flex-start}.client-review-banner span{display:block;margin-left:0;margin-top:4px}.client-review-banner a{margin-left:0;width:100%}.client-review-banner button{position:absolute;right:18px;top:18px}}
@media(max-width:520px){.client-stat-card{min-height:125px;padding:22px}.client-stat-card i{left:22px;top:26px;font-size:34px}.client-stat-card strong,.client-stat-card span,.client-stat-card small{margin-left:58px}.client-stat-card strong{font-size:28px}.client-panel-head{padding:17px!important}.dezerx-server-list,.client-list-lines,.system-status-list{padding-left:17px;padding-right:17px}.client-table th,.client-table td{padding:12px 14px!important}.dezerx-topbar{gap:10px}.client-top-actions{gap:8px}.top-icon{width:34px;height:34px;font-size:19px}.client-search kbd{display:none}.server-game-icon{width:56px;height:56px}.server-info{flex-basis:calc(100% - 74px)}.server-actions{margin-left:0}.client-page-head,.client-welcome{align-items:flex-start;flex-direction:column}.client-page-head h1,.client-welcome h1{font-size:26px}}
.dz-game-list a.dz-game-filter{cursor:pointer;user-select:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}.dz-game-list a.dz-game-filter:hover{background:rgba(123,44,255,.18);transform:translateX(3px)}.dz-game-list a.dz-game-filter.active{background:linear-gradient(90deg,#7828ed,#4b148d)!important;border:1px solid rgba(168,85,247,.35);box-shadow:0 0 24px rgba(123,44,255,.23)}.dz-no-plans{margin-top:16px;padding:22px;border:1px dashed rgba(168,85,247,.35);border-radius:12px;color:#cbd5e1;text-align:center;background:rgba(15,23,42,.45)}


/* Brand admin redesign + homepage bottom gap fix */
body:has(.dz-page) .footer{margin-top:0!important;padding:26px 0!important;background:#030711!important;border-top:1px solid rgba(168,85,247,.16)!important}
body:has(.dz-page) .dz-page{min-height:auto!important}
body:has(.dz-page) main.wrap{min-height:0!important}
body:has(.dz-page) .dz-main{padding-bottom:26px!important}
body:has(.dz-page) .dz-bottom-features{margin-bottom:0!important}
body:has(.dz-page) .legal-footer-links{padding-bottom:0!important}
@media(max-width:850px){body:has(.dz-page) .dz-main{padding-bottom:20px!important}body:has(.dz-page) .dz-products{margin-bottom:0!important}body:has(.dz-page) .dz-bottom-features{margin-bottom:0!important}body:has(.dz-page) .footer{padding:22px 0!important}}

:root{--ad-bg:#030711;--ad-card:rgba(8,15,29,.78);--ad-line:rgba(148,163,184,.12);--ad-purple:#7c2cff;--ad-purple2:#b650ff;--ad-text:#f8fbff;--ad-muted:#9aa6bb;}
body:has(.dx-admin-app) .nav,body:has(.dx-admin-app) .footer{display:none!important}
body:has(.dx-admin-app){background:radial-gradient(circle at 22% 12%,rgba(124,44,255,.18),transparent 32%),radial-gradient(circle at 78% 4%,rgba(168,85,247,.12),transparent 28%),linear-gradient(180deg,#030711,#050914 65%,#030711)!important;color:var(--ad-text)!important}
body:has(.dx-admin-app) main.wrap{width:100%!important;max-width:none!important;margin:0!important;min-height:0!important}
.dx-admin-app{min-height:100vh;display:grid;grid-template-columns:282px minmax(0,1fr);background-image:linear-gradient(rgba(124,44,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(124,44,255,.035) 1px,transparent 1px);background-size:64px 64px}
.dx-admin-sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:22px 14px;border-right:1px solid var(--ad-line);background:linear-gradient(180deg,rgba(5,10,21,.96),rgba(4,8,17,.98));box-shadow:20px 0 70px rgba(0,0,0,.25)}
.dx-admin-logo{display:block;padding:8px 14px 22px;color:#fff;text-decoration:none}.dx-admin-logo strong{display:block;font-size:27px;letter-spacing:.04em;font-weight:950}.dx-admin-logo strong span{color:var(--ad-purple2);text-shadow:0 0 20px rgba(168,85,247,.65)}.dx-admin-logo small{display:block;margin-top:5px;color:var(--ad-muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}
.dx-admin-nav{display:grid;gap:6px}.dx-admin-nav p{margin:18px 12px 7px;color:#7d8798;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.dx-admin-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;color:#d6dceb!important;text-decoration:none!important;border:1px solid transparent;font-weight:750}.dx-admin-nav a:hover,.dx-admin-nav a.active{background:linear-gradient(90deg,rgba(124,44,255,.72),rgba(88,28,135,.34))!important;border-color:rgba(168,85,247,.28)!important;color:#fff!important;box-shadow:0 0 30px rgba(124,44,255,.18)}.admin-nav-ico{width:23px;display:inline-grid;place-items:center;color:#c084fc;font-size:18px}
.dx-admin-help{margin:24px 8px 8px;padding:20px;border:1px solid rgba(168,85,247,.25);border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(124,44,255,.35),transparent 55%),rgba(8,15,29,.72);text-align:center}.dx-admin-help b{display:block;color:#fff;font-size:16px}.dx-admin-help span{display:block;color:var(--ad-muted);font-size:13px;line-height:1.4;margin:8px 0 14px}.dx-admin-help a{display:block;border-radius:10px;padding:12px;background:linear-gradient(180deg,#8d3fff,#6924ec);color:white!important;font-weight:900;text-decoration:none!important}
.dx-admin-main{min-width:0;padding:22px 28px 34px}.dx-admin-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.dx-admin-search{width:min(520px,100%);height:52px;border:1px solid var(--ad-line);border-radius:12px;background:rgba(8,15,29,.78);display:flex;align-items:center;gap:12px;padding:0 16px;color:var(--ad-muted)}.dx-admin-search kbd{margin-left:auto;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:4px 7px;color:#cbd5e1}.dx-admin-user{display:grid;grid-template-columns:42px auto;gap:0 12px;align-items:center}.dx-admin-user i{grid-row:1/3;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 0 22px rgba(168,85,247,.28)}.dx-admin-user b{color:#fff}.dx-admin-user small{color:var(--ad-muted)}
.dx-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;margin-bottom:22px;border:1px solid rgba(168,85,247,.18);border-radius:18px;background:radial-gradient(circle at 7% 10%,rgba(124,44,255,.24),transparent 38%),linear-gradient(145deg,rgba(10,17,32,.86),rgba(5,9,18,.92));box-shadow:0 24px 70px rgba(0,0,0,.32)}.dx-admin-hero p{margin:0 0 8px;color:#c084fc;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:950}.dx-admin-hero h1{margin:0;font-size:38px;letter-spacing:-.04em}.dx-admin-hero span{display:block;color:var(--ad-muted);margin-top:8px}.dx-admin-hero a{padding:13px 17px;border-radius:10px;background:rgba(124,44,255,.16);border:1px solid rgba(168,85,247,.33);color:#e9d5ff!important;text-decoration:none!important;font-weight:900;white-space:nowrap}
.dx-admin-content.admin-shell.wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.dx-admin-content .admin-top-card,.dx-admin-content .admin-title-card{display:none!important}.dx-admin-content .admin-grid-2{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.dx-admin-content .admin-grid-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.dx-admin-content .admin-stat,.dx-admin-content .admin-panel,.dx-admin-content .admin-table-card{border:1px solid var(--ad-line)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(11,18,33,.80),rgba(5,10,20,.88))!important;box-shadow:0 18px 55px rgba(0,0,0,.24)!important;padding:22px!important;margin-bottom:18px!important;overflow:hidden!important}.dx-admin-content .admin-stat{min-height:120px;position:relative}.dx-admin-content .admin-stat:before{content:"";position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#8d3fff,#6924ec);box-shadow:0 0 24px rgba(124,44,255,.35)}.dx-admin-content .admin-stat b{font-size:31px!important;color:#fff!important;margin:0 0 10px!important}.dx-admin-content .admin-stat span{color:#d7deea!important}.dx-admin-content .admin-panel h2,.dx-admin-content .admin-table-card h2{font-size:20px!important;color:#fff!important;margin-bottom:16px!important}.dx-admin-content .admin-action{border:1px solid rgba(148,163,184,.10)!important;border-radius:12px!important;background:rgba(3,7,18,.42)!important;color:#fff!important}.dx-admin-content .admin-action:hover{border-color:rgba(168,85,247,.32)!important;background:rgba(124,44,255,.10)!important}.dx-admin-content .admin-table-wrap{border:1px solid rgba(148,163,184,.10)!important;border-radius:13px!important}.dx-admin-content .admin-table{background:transparent!important}.dx-admin-content .admin-table th{background:rgba(255,255,255,.035)!important;color:#aab4c7!important}.dx-admin-content .admin-table td{color:#d7deea!important}.dx-admin-content .admin-btn{background:linear-gradient(180deg,#8d3fff,#6924ec)!important;border-radius:10px!important;box-shadow:0 0 26px rgba(124,44,255,.25)!important}.dx-admin-content input,.dx-admin-content select,.dx-admin-content textarea,.dx-admin-content .admin-input{background:#070d1a!important;border:1px solid rgba(168,85,247,.22)!important;border-radius:11px!important;color:#fff!important}.admin-pill.ok{color:#4ade80!important;background:rgba(22,163,74,.14)!important}.admin-pill.warn{color:#fbbf24!important;background:rgba(245,158,11,.14)!important}.admin-pill.bad{color:#f87171!important;background:rgba(239,68,68,.14)!important}
@media(max-width:1100px){.dx-admin-app{grid-template-columns:86px 1fr}.dx-admin-logo strong{font-size:0}.dx-admin-logo strong:before{content:'DX';font-size:24px}.dx-admin-logo small,.dx-admin-nav p,.dx-admin-nav a span:last-child,.dx-admin-help{display:none}.dx-admin-nav a{justify-content:center}.admin-nav-ico{font-size:22px}.dx-admin-content .admin-grid-2,.dx-admin-content .admin-grid-4{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:720px){.dx-admin-app{display:block}.dx-admin-sidebar{position:relative;height:auto;padding:12px}.dx-admin-nav{display:flex;overflow:auto}.dx-admin-nav a{min-width:max-content}.dx-admin-nav a span:last-child{display:inline}.dx-admin-main{padding:16px}.dx-admin-topbar{height:auto;align-items:flex-start;flex-direction:column}.dx-admin-search{width:100%}.dx-admin-hero{align-items:flex-start;flex-direction:column;padding:22px}.dx-admin-hero h1{font-size:30px}.dx-admin-content .admin-grid-2,.dx-admin-content .admin-grid-4{grid-template-columns:1fr!important}}

/* EUP + visible icon labels update */
.client-top-actions .top-icon{width:auto;min-width:72px;height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:rgba(15,23,42,.45);font-size:18px}
.client-top-actions .top-icon b{display:inline-block;color:#d7deea;font-size:12px;font-weight:800;line-height:1}
.client-top-actions .top-icon span{font-size:20px;line-height:1}
@media(max-width:520px){.client-top-actions .top-icon{min-width:54px;padding:0 8px}.client-top-actions .top-icon b{font-size:10px}.client-top-actions .top-icon span{font-size:17px}}
@media(max-width:1100px){.dx-admin-app{grid-template-columns:250px 1fr}.dx-admin-logo strong{font-size:22px}.dx-admin-logo strong:before{content:none}.dx-admin-logo small,.dx-admin-nav p,.dx-admin-nav a span:last-child,.dx-admin-help{display:block}.dx-admin-nav a{justify-content:flex-start}.admin-nav-ico{font-size:18px}}
@media(max-width:760px){.dx-admin-app{display:block}.dx-admin-sidebar{position:relative;height:auto}.dx-admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dx-admin-nav p{grid-column:1/-1}.dx-admin-help{display:none}.dx-admin-main{padding:14px}.dx-admin-topbar{flex-direction:column;align-items:stretch}.dx-admin-search{width:100%}}

/* EUP key delivery polish */
.client-mini-btn{border:1px solid rgba(168,85,247,.35);background:rgba(124,58,237,.14);color:#f4eaff;border-radius:10px;padding:6px 10px;font-size:12px;cursor:pointer;margin-left:8px;transition:.18s ease}
.client-mini-btn:hover{background:rgba(168,85,247,.28);box-shadow:0 0 18px rgba(168,85,247,.18)}
.eup-key-code{display:inline-block;max-width:320px;overflow:auto;vertical-align:middle;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:7px 9px;color:#fff}
.client-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:12px;border:1px solid rgba(255,255,255,.1)}
.client-badge.ok{color:#b7f7cf;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.22)}
.client-badge.warn{color:#ffe2a8;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.22)}

/* Brand: EUP keys are shown as normal services */
.client-service-type{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:5px 10px;border:1px solid rgba(168,85,247,.35);border-radius:999px;background:rgba(124,58,237,.12);color:#d8b4fe;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.eup-service-card{position:relative;overflow:hidden}
.eup-service-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 85% 15%,rgba(168,85,247,.30),transparent 32%),radial-gradient(circle at 10% 90%,rgba(56,189,248,.18),transparent 36%);pointer-events:none;opacity:.85}
.eup-service-card>*{position:relative;z-index:1}
.client-key-box{margin:18px 0;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(10,12,28,.58);box-shadow:inset 0 0 26px rgba(124,58,237,.12)}
.client-key-box small{display:block;margin-bottom:8px;color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.client-key-box code,.eup-key-code{display:inline-block;max-width:100%;padding:9px 11px;border-radius:12px;background:rgba(0,0,0,.30);border:1px solid rgba(168,85,247,.24);color:#f5f3ff;font-weight:800;letter-spacing:.06em;word-break:break-all}
.client-key-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.eup-key-specs span b{color:#f5f3ff}
@media(max-width:700px){.client-key-actions{justify-content:flex-start}.client-key-box{padding:13px}.client-service-type{font-size:10px}}

/* v5 branding */
.dx-admin-logo{gap:10px}.dx-admin-logo img.admin-brand-logo{max-width:150px;max-height:42px;object-fit:contain;display:block}.dx-admin-logo strong{font-size:22px}.preview-logo{max-width:190px;max-height:54px;object-fit:contain}.dx-admin-app{--brand-primary: var(--brand-primary,#8b5cf6)}

/* NordicNode v5 services page - practical full service overview */
.services-hero-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:22px 24px;border:1px solid rgba(168,85,247,.20);border-radius:16px;background:linear-gradient(135deg,rgba(13,20,36,.88),rgba(17,10,34,.78)),radial-gradient(circle at 72% 0,rgba(139,92,246,.35),transparent 38%);box-shadow:0 20px 60px rgba(0,0,0,.28)}
.services-hero-panel h2{margin:4px 0 6px;font-size:30px;line-height:1;letter-spacing:-.04em;color:#fff}.services-hero-panel p{margin:0;color:#aeb9ca}.services-eyebrow{display:inline-flex;color:#c4b5fd;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.services-order-btn{width:auto!important;min-width:220px;white-space:nowrap}.services-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.services-summary-card{padding:18px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:linear-gradient(145deg,rgba(15,23,42,.74),rgba(6,11,22,.86));box-shadow:0 14px 45px rgba(0,0,0,.20)}.services-summary-card span,.services-summary-card small{display:block;color:#aeb9ca}.services-summary-card b{display:block;color:#fff;font-size:34px;margin:5px 0 2px;letter-spacing:-.05em}.services-panel-head p{margin:5px 0 0;color:#aeb9ca;font-size:13px}.services-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.10);background:rgba(3,7,18,.25)}.services-search{flex:1;min-width:200px;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(3,7,18,.55);color:#c4b5fd}.services-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit}.services-search input::placeholder{color:#7c879b}.services-filter-tabs{display:flex;gap:7px;padding:5px;border:1px solid rgba(148,163,184,.11);border-radius:12px;background:rgba(15,23,42,.55)}.services-filter-tabs button{border:0;border-radius:9px;background:transparent;color:#aeb9ca;padding:9px 12px;font-weight:850}.services-filter-tabs button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 10px 24px rgba(109,40,217,.22)}.services-main-panel .client-services-grid{max-height:none!important;overflow:visible!important;align-items:stretch}.services-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important}.service-card{display:flex;flex-direction:column;min-height:260px}.service-card .client-service-footer{margin-top:auto}.eup-service-card{border-color:rgba(168,85,247,.24)!important;background:linear-gradient(145deg,rgba(88,28,135,.16),rgba(3,7,18,.40))!important}.client-key-box{margin:16px 0;padding:14px;border:1px dashed rgba(168,85,247,.34);border-radius:13px;background:rgba(2,6,23,.42)}.client-key-box small{display:block;color:#aeb9ca;text-transform:uppercase;font-weight:900;font-size:11px;letter-spacing:.08em;margin-bottom:8px}.client-key-box code{display:block;color:#fff;font-size:14px;word-break:break-all;white-space:normal}.client-key-actions{display:flex;gap:8px;flex-wrap:wrap}.services-list-view{display:block!important;padding:14px 20px!important}.services-list-view .service-card{min-height:auto;margin-bottom:12px;display:grid!important;grid-template-columns:minmax(210px,1.1fr) minmax(240px,1.3fr) minmax(160px,.8fr);gap:14px;align-items:center}.services-list-view .client-specs{margin:0}.services-list-view .client-service-footer{border-top:0;padding-top:0}.services-list-view .client-key-box{margin:0}.services-no-results{padding:30px;text-align:center;color:#aeb9ca}.services-no-results b{display:block;color:#fff;font-size:20px;margin-bottom:6px}@media(max-width:900px){.services-hero-panel{display:block}.services-order-btn{width:100%!important;margin-top:16px}.services-summary-grid{grid-template-columns:repeat(2,1fr)}.services-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}.services-filter-tabs{overflow:auto}.services-filter-tabs button{white-space:nowrap}.services-grid{grid-template-columns:1fr!important}.services-list-view .service-card{display:flex!important;grid-template-columns:none}.services-summary-card b{font-size:28px}}@media(max-width:520px){.services-hero-panel h2{font-size:26px}.services-summary-grid{grid-template-columns:1fr 1fr}.services-summary-card{padding:14px}.services-summary-card b{font-size:25px}.services-toolbar{padding:12px}.services-main-panel .client-services-grid{padding:12px!important}.service-card{padding:14px!important}.client-specs{grid-template-columns:repeat(2,1fr)!important}.client-service-footer{align-items:flex-start;flex-direction:column}.client-key-actions,.client-key-actions .client-small-btn{width:100%}}

/* DezerX / WHMCS-style ticket center */
.ticket-dx-overview{display:grid;gap:20px}
.ticket-dx-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:0}
.ticket-dx-summary>div{position:relative;overflow:hidden;border:1px solid rgba(168,85,247,.18);border-radius:14px;background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(6,11,22,.86));box-shadow:0 16px 45px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035);padding:22px 24px}
.ticket-dx-summary>div:before{content:"";position:absolute;right:-48px;top:-62px;width:160px;height:160px;border-radius:999px;background:radial-gradient(circle,rgba(139,92,246,.28),transparent 68%)}
.ticket-dx-summary span{display:block;color:#aeb9ca;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.ticket-dx-summary b{display:block;font-size:38px;color:#fff;letter-spacing:-.05em;margin:5px 0}.ticket-dx-summary small{display:block;color:#c4b5fd}
.ticket-dx-panel{padding:0!important}.ticket-dx-create .client-panel-head,.ticket-dx-list .client-panel-head{align-items:flex-start}.ticket-dx-create .client-panel-head p,.ticket-dx-list .client-panel-head p{margin:6px 0 0;color:#aeb9ca}
.ticket-dx-form{padding:24px 25px;display:grid;gap:18px}.ticket-dx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ticket-dx-form label,.ticket-dx-reply label{display:grid;gap:8px;color:#d8b4fe;font-weight:800;font-size:13px}.ticket-dx-form input,.ticket-dx-form select,.ticket-dx-form textarea,.ticket-dx-reply textarea,.ticket-dx-filter select{width:100%;border:1px solid rgba(148,163,184,.14);border-radius:11px;background:rgba(3,7,18,.56);color:#fff;padding:14px 15px;outline:0;font:inherit}.ticket-dx-form input:focus,.ticket-dx-form select:focus,.ticket-dx-form textarea:focus,.ticket-dx-reply textarea:focus,.ticket-dx-filter select:focus{border-color:rgba(168,85,247,.52);box-shadow:0 0 0 4px rgba(139,92,246,.11)}.ticket-dx-form textarea,.ticket-dx-reply textarea{min-height:140px;resize:vertical}.ticket-dx-form .client-primary-btn,.ticket-dx-reply .client-primary-btn{width:auto;min-width:190px;justify-self:start;border:0}
.ticket-dx-filter{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:12px;padding:18px 25px;border-bottom:1px solid rgba(148,163,184,.10)}.ticket-dx-search{display:flex;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.14);border-radius:11px;background:rgba(3,7,18,.55);padding:0 13px}.ticket-dx-search span{color:#a855f7;font-size:20px}.ticket-dx-search input{flex:1;min-width:0;height:48px;border:0;background:transparent;color:#fff;outline:0;font:inherit}.ticket-dx-search input::placeholder{color:#7d8ba1}.ticket-dx-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(168,85,247,.30);border-radius:11px;background:rgba(15,23,42,.74);color:#e9d5ff!important;text-decoration:none;font-weight:900;padding:13px 16px;min-height:48px;cursor:pointer}.ticket-dx-secondary:hover{background:rgba(139,92,246,.16);border-color:rgba(168,85,247,.55)}
.ticket-dx-cards{display:grid;gap:0;padding:0 25px 18px}.ticket-dx-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;border-top:1px solid rgba(148,163,184,.10);color:#fff;text-decoration:none}.ticket-dx-card:first-child{border-top:0}.ticket-dx-card:hover .ticket-dx-card-main h3{color:#d8b4fe}.ticket-dx-number{display:inline-flex;border:1px solid rgba(168,85,247,.25);border-radius:999px;background:rgba(139,92,246,.12);color:#d8b4fe;font-weight:950;font-size:12px;padding:6px 10px;margin-bottom:9px}.ticket-dx-card h3{margin:0 0 6px;font-size:18px;transition:.18s ease}.ticket-dx-card p{margin:0;color:#aeb9ca}.ticket-dx-card-side{display:grid;justify-items:end;gap:8px}.ticket-dx-card-side small{color:#8b95aa;white-space:nowrap}.ticket-dx-empty{padding:34px 25px;color:#aeb9ca;text-align:center}.ticket-dx-empty b{display:block;color:#fff;font-size:22px;margin-bottom:8px}.ticket-dx-empty p{margin:0 0 16px;color:#aeb9ca}
.ticket-dx-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 30px;border-bottom:1px solid rgba(148,163,184,.10);background:radial-gradient(circle at 15% 0,rgba(139,92,246,.20),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.82),rgba(5,9,20,.88))}.ticket-dx-kicker{display:block;color:#c084fc;font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin-bottom:8px}.ticket-dx-hero h2{margin:0 0 8px;color:#fff;font-size:30px;letter-spacing:-.035em}.ticket-dx-hero p{margin:0;color:#aeb9ca}.ticket-dx-status{flex:0 0 auto}.ticket-dx-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 30px;border-bottom:1px solid rgba(148,163,184,.10)}.ticket-dx-meta-grid>div{border:1px solid rgba(148,163,184,.11);border-radius:12px;background:rgba(3,7,18,.36);padding:15px}.ticket-dx-meta-grid span{display:block;color:#8b95aa;text-transform:uppercase;letter-spacing:.06em;font-size:12px;margin-bottom:6px}.ticket-dx-meta-grid b{display:block;color:#fff}.ticket-dx-thread{padding:22px 30px;display:grid;gap:18px}.ticket-dx-message{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px}.ticket-dx-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#d946ef);display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 12px 34px rgba(139,92,246,.20)}.ticket-dx-avatar.staff{background:linear-gradient(135deg,#0ea5e9,#8b5cf6)}.ticket-dx-bubble{border:1px solid rgba(148,163,184,.12);border-radius:15px;background:rgba(3,7,18,.38);padding:17px 18px}.ticket-dx-message.staff .ticket-dx-bubble{border-color:rgba(56,189,248,.24);background:linear-gradient(180deg,rgba(14,165,233,.10),rgba(3,7,18,.42))}.ticket-dx-bubble header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.ticket-dx-bubble strong{color:#fff}.ticket-dx-bubble small{color:#8b95aa}.ticket-dx-bubble p{margin:0;color:#d7deea;line-height:1.65}.ticket-dx-reply{margin:0 30px 18px;padding:18px;border:1px solid rgba(168,85,247,.16);border-radius:15px;background:rgba(15,23,42,.50);display:grid;gap:14px}.ticket-dx-actions{display:flex;justify-content:flex-start}.ticket-dx-close{display:flex;gap:10px;padding:0 30px 28px}.ticket-dx-closed{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 30px 28px;padding:16px;border-radius:13px;border:1px solid rgba(34,197,94,.22);background:rgba(34,197,94,.08);color:#bbf7d0}.ticket-dx-closed a{color:#fff;font-weight:900}
@media(max-width:900px){.ticket-dx-summary,.ticket-dx-form-grid,.ticket-dx-meta-grid{grid-template-columns:1fr}.ticket-dx-filter{grid-template-columns:1fr}.ticket-dx-hero{flex-direction:column}.ticket-dx-card{align-items:flex-start;flex-direction:column}.ticket-dx-card-side{justify-items:start}.ticket-dx-message{grid-template-columns:40px minmax(0,1fr)}.ticket-dx-avatar{width:40px;height:40px;border-radius:12px}.ticket-dx-hero,.ticket-dx-meta-grid,.ticket-dx-thread{padding-left:18px;padding-right:18px}.ticket-dx-reply{margin-left:18px;margin-right:18px}.ticket-dx-close{padding-left:18px;padding-right:18px;flex-direction:column}.ticket-dx-form .client-primary-btn,.ticket-dx-reply .client-primary-btn{width:100%}}

/* DezerX client orders redesign */
.orders-hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:24px;border:1px solid rgba(139,92,246,.24);border-radius:24px;background:radial-gradient(circle at 18% 0,rgba(139,92,246,.28),transparent 38%),linear-gradient(135deg,rgba(24,18,50,.92),rgba(10,15,30,.92));box-shadow:0 22px 70px rgba(0,0,0,.25)}
.orders-hero-card .eyebrow{display:block;color:#c4b5fd;text-transform:uppercase;font-weight:900;letter-spacing:.08em;font-size:12px;margin-bottom:6px}.orders-hero-card h2{margin:0;font-size:30px;letter-spacing:-.04em}.orders-hero-card p{margin:6px 0 0;color:#9fb0c9}.orders-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.orders-stat{padding:18px;border:1px solid rgba(139,92,246,.18);border-radius:18px;background:linear-gradient(180deg,rgba(18,24,45,.84),rgba(8,13,26,.9));box-shadow:0 16px 45px rgba(0,0,0,.18)}.orders-stat span,.orders-stat small{display:block;color:#94a3b8}.orders-stat b{display:block;color:#fff;font-size:28px;margin:5px 0}.orders-panel{overflow:hidden}.orders-panel-head p{margin:4px 0 0;color:#94a3b8}.orders-tools{display:flex;align-items:center;gap:10px}.orders-tools input{width:min(330px,45vw);height:42px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.55);color:#fff;padding:0 14px;outline:none}.orders-tools input:focus{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 3px rgba(139,92,246,.14)}.orders-table th,.orders-table td{vertical-align:middle}.order-id-block b{display:block;color:#fff;font-size:15px}.order-id-block small{display:block;color:#94a3b8;margin-top:3px;font-size:11px}.order-product{display:flex;align-items:center;gap:10px}.order-product-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 8px 24px rgba(124,58,237,.22);color:#fff;font-weight:900}.order-muted-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.14);color:#aebcd1;font-size:12px}.order-status{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.08)}.order-status.ok{color:#86efac;background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.25)}.order-status.warn{color:#fde68a;background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.25)}.order-status.bad{color:#fca5a5;background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.25)}.order-status.neutral{color:#bfdbfe;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.22)}.orders-mobile-list{display:none;padding:14px}.order-card{border:1px solid rgba(139,92,246,.16);border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(7,12,24,.94));padding:15px;margin-bottom:12px}.order-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.order-card-top small,.order-card-meta small{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.order-card-top b{font-size:20px;color:#fff}.order-card-top em{display:block;color:#94a3b8;font-style:normal;font-size:11px;margin-top:3px}.order-card-product{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.10);border-radius:14px;background:rgba(2,6,23,.32);margin-bottom:12px}.order-card-product b{display:block;color:#fff}.order-card-product small{display:block;color:#94a3b8;margin-top:2px}.order-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-card-meta span{padding:10px;border:1px solid rgba(148,163,184,.10);border-radius:12px;background:rgba(15,23,42,.5)}.order-card-meta b{color:#fff;font-size:13px}.orders-empty{padding:46px 18px}@media(max-width:900px){.orders-hero-card{flex-direction:column;align-items:flex-start}.orders-stats-row{grid-template-columns:repeat(2,1fr)}.orders-tools{width:100%;flex-direction:column;align-items:stretch}.orders-tools input{width:100%}.orders-desktop-table{display:none}.orders-mobile-list{display:block}.orders-panel-head{align-items:flex-start;flex-direction:column}.orders-stat b{font-size:24px}}@media(max-width:520px){.orders-stats-row{grid-template-columns:1fr}.orders-hero-card{padding:18px}.orders-hero-card h2{font-size:26px}.order-card-meta{grid-template-columns:1fr}}

/* Frontpage Template 4 - DezerX Pro */
.fp4-page{padding:34px 0 80px}.fp4-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);gap:28px;align-items:center;min-height:620px;padding:44px;border:1px solid rgba(139,92,246,.18);border-radius:34px;background:linear-gradient(135deg,rgba(11,18,34,.92),rgba(4,7,16,.96));box-shadow:0 30px 90px rgba(0,0,0,.36);overflow:hidden}.fp4-hero-bg{position:absolute;inset:-30%;background:radial-gradient(circle at 18% 22%,rgba(139,92,246,.36),transparent 32%),radial-gradient(circle at 72% 18%,rgba(56,189,246,.24),transparent 28%),radial-gradient(circle at 45% 75%,rgba(179,38,255,.18),transparent 28%);filter:blur(2px);pointer-events:none}.fp4-hero-copy,.fp4-console{position:relative;z-index:1}.fp4-pill,.fp4-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.12);color:#c4b5fd;font-weight:900;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.fp4-hero h1{max-width:850px;margin:18px 0 18px;font-size:clamp(44px,7vw,92px);line-height:.92;letter-spacing:-.075em}.fp4-hero h1 span{background:linear-gradient(135deg,var(--brand-primary,#8b5cf6),var(--brand-secondary,#38bdf6));-webkit-background-clip:text;background-clip:text;color:transparent}.fp4-hero p{max-width:680px;color:#b9c5d8;font-size:18px;line-height:1.7}.fp4-actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0}.fp4-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px;padding:15px 22px;font-weight:950;color:#fff;background:linear-gradient(135deg,var(--brand-primary,#8b5cf6),#7c3aed);box-shadow:0 18px 40px rgba(124,58,237,.25)}.fp4-btn-ghost{background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.12);box-shadow:none}.fp4-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px;margin-top:26px}.fp4-proof div{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(15,23,42,.58)}.fp4-proof b{display:block;font-size:24px;color:#fff}.fp4-proof span{display:block;margin-top:4px;color:#94a3b8;font-size:13px}.fp4-console{border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.78));box-shadow:0 20px 70px rgba(0,0,0,.42),0 0 70px rgba(139,92,246,.13);overflow:hidden}.fp4-console-top{display:flex;align-items:center;gap:8px;padding:18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.42)}.fp4-console-top span{width:10px;height:10px;border-radius:50%;background:#fb7185}.fp4-console-top span:nth-child(2){background:#fbbf24}.fp4-console-top span:nth-child(3){background:#34d399}.fp4-console-top b{margin-left:auto;color:#e5e7eb}.fp4-server-preview{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px;border-bottom:1px solid rgba(255,255,255,.08)}.fp4-server-preview small{color:#a78bfa;text-transform:uppercase;font-weight:950;letter-spacing:.16em}.fp4-server-preview h3{margin:8px 0 4px;font-size:28px}.fp4-server-preview p{margin:0;color:#94a3b8}.fp4-server-preview em{font-style:normal;color:#86efac;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.24);padding:7px 11px;border-radius:999px;font-weight:900}.fp4-bars{display:grid;gap:14px;padding:22px}.fp4-bars label{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:12px;color:#cbd5e1;font-weight:900}.fp4-bars i{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.fp4-bars b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-primary,#8b5cf6),var(--brand-secondary,#38bdf6))}.fp4-console-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 22px}.fp4-console-actions button{border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:13px;background:rgba(255,255,255,.045);color:#fff;font-weight:900}.fp4-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(15,23,42,.54)}.fp4-strip span{color:#94a3b8;font-weight:800}.fp4-strip b{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.fp4-section{margin-top:22px;padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.62),rgba(2,6,23,.60))}.fp4-split{display:grid;grid-template-columns:.72fr 1fr;gap:28px;align-items:start}.fp4-section h2{margin:12px 0 10px;font-size:clamp(28px,4vw,48px);letter-spacing:-.055em}.fp4-section p{color:#aebbd0;line-height:1.65}.fp4-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fp4-feature-grid article,.fp4-plan{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(2,6,23,.38);padding:20px}.fp4-feature-grid span{font-size:24px}.fp4-feature-grid b{display:block;margin:12px 0 6px}.fp4-feature-grid p{margin:0}.fp4-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.fp4-section-head h2{margin-bottom:0}.fp4-section-head a{color:#c084fc;font-weight:950}.fp4-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fp4-plan{position:relative}.fp4-plan.featured{border-color:rgba(139,92,246,.45);box-shadow:0 0 55px rgba(139,92,246,.12)}.fp4-plan-badge{position:absolute;right:16px;top:16px;color:#fff;background:linear-gradient(135deg,var(--brand-primary,#8b5cf6),#7c3aed);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950}.fp4-plan small{color:#a78bfa;text-transform:uppercase;font-weight:950;letter-spacing:.14em}.fp4-plan h3{font-size:24px;margin:12px 0}.fp4-price{font-size:42px;font-weight:950;letter-spacing:-.05em}.fp4-price span{font-size:14px;color:#94a3b8;letter-spacing:0}.fp4-plan ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px;color:#cbd5e1}.fp4-plan li:before{content:'✓';color:#34d399;margin-right:8px}.fp4-plan a{display:flex;justify-content:center;border-radius:14px;padding:13px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.28);font-weight:950}.fp4-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(56,189,246,.12),rgba(2,6,23,.8))}.fp4-cta h2{margin-bottom:4px}@media(max-width:980px){.fp4-hero,.fp4-split{grid-template-columns:1fr}.fp4-console{max-width:620px}.fp4-plan-grid{grid-template-columns:1fr}.fp4-feature-grid,.fp4-proof{grid-template-columns:1fr}.fp4-cta,.fp4-section-head{align-items:flex-start;flex-direction:column}.fp4-hero{padding:26px;min-height:auto}.fp4-section{padding:24px}}

/* NordicNode Template 4 - DezerX Ultra professional refresh */
.fp4-ultra{position:relative;padding:42px 0 90px;isolation:isolate}.fp4-ultra:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 10%,rgba(139,92,246,.14),transparent 32%),radial-gradient(circle at 88% 18%,rgba(56,189,246,.10),transparent 30%),linear-gradient(180deg,rgba(2,6,23,.1),rgba(2,6,23,.45));z-index:-2}.fp4-orb{position:absolute;pointer-events:none;border-radius:999px;filter:blur(22px);opacity:.45;z-index:-1}.fp4-orb-a{width:360px;height:360px;left:-160px;top:120px;background:rgba(139,92,246,.22)}.fp4-orb-b{width:420px;height:420px;right:-220px;top:540px;background:rgba(56,189,246,.16)}.fp4-hero-ultra{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.78fr);gap:34px;align-items:center;min-height:650px;padding:46px;border:1px solid rgba(255,255,255,.10);border-radius:38px;background:linear-gradient(135deg,rgba(8,13,28,.94),rgba(3,6,16,.98));box-shadow:0 34px 110px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.05);overflow:hidden}.fp4-hero-ultra:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(139,92,246,.14),transparent 42%),radial-gradient(circle at 30% 25%,rgba(179,38,255,.28),transparent 34%),radial-gradient(circle at 78% 24%,rgba(56,189,246,.20),transparent 30%);pointer-events:none}.fp4-hero-ultra:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 78%);pointer-events:none}.fp4-hero-copy,.fp4-command-card{position:relative;z-index:2}.fp4-pill,.fp4-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid rgba(168,85,247,.40);background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(56,189,246,.08));color:#ddd6fe;font-weight:950;font-size:12px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 30px rgba(139,92,246,.08)}.fp4-hero-ultra h1{max-width:860px;margin:20px 0 18px;font-size:clamp(46px,7.6vw,96px);line-height:.91;letter-spacing:-.082em;color:#f8fafc;text-wrap:balance}.fp4-hero-ultra h1:after{content:'';display:block;width:160px;height:4px;margin-top:24px;border-radius:999px;background:linear-gradient(90deg,var(--brand-primary,#8b5cf6),var(--brand-secondary,#38bdf6),transparent)}.fp4-hero-ultra p{max-width:690px;color:#b8c4d6;font-size:18px;line-height:1.72}.fp4-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.fp4-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:17px;padding:15px 23px;font-weight:950;color:#fff;background:linear-gradient(135deg,var(--brand-primary,#8b5cf6),#7c3aed 55%,var(--brand-accent,#b326ff));box-shadow:0 20px 46px rgba(124,58,237,.34);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.fp4-btn:hover{transform:translateY(-2px);box-shadow:0 26px 60px rgba(124,58,237,.42)}.fp4-btn-ghost{background:rgba(15,23,42,.70);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.04)}.fp4-hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:760px;margin-top:30px}.fp4-hero-metrics article{padding:17px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.45));box-shadow:inset 0 1px rgba(255,255,255,.04)}.fp4-hero-metrics b{display:block;font-size:25px;color:#fff;letter-spacing:-.04em}.fp4-hero-metrics span{display:block;margin-top:5px;color:#95a3b8;font-size:13px;font-weight:800}.fp4-command-card{border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.90),rgba(3,7,18,.82));box-shadow:0 24px 80px rgba(0,0,0,.48),0 0 90px rgba(139,92,246,.16),inset 0 1px rgba(255,255,255,.05);overflow:hidden;backdrop-filter:blur(18px)}.fp4-command-card:before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at 16% 0%,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at 88% 12%,rgba(56,189,246,.18),transparent 26%);pointer-events:none}.fp4-command-top{position:relative;display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(2,6,23,.36)}.fp4-brand-mark{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);box-shadow:0 0 30px rgba(139,92,246,.16)}.fp4-brand-mark img{max-width:30px;max-height:30px;object-fit:contain}.fp4-command-top b{display:block;color:#f8fafc}.fp4-command-top span{display:block;color:#8fa1b9;font-size:12px;margin-top:2px}.fp4-command-top em{margin-left:auto;font-style:normal;color:#86efac;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.26);padding:7px 11px;border-radius:999px;font-weight:950;font-size:12px}.fp4-node-card{position:relative;display:flex;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid rgba(255,255,255,.08)}.fp4-node-card small{color:#c084fc;text-transform:uppercase;font-weight:950;letter-spacing:.16em}.fp4-node-card h3{margin:9px 0 5px;font-size:29px;color:#fff;letter-spacing:-.035em}.fp4-node-card p{margin:0;color:#94a3b8}.fp4-live-dot{height:max-content;color:#86efac;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.24);padding:8px 11px;border-radius:999px;font-weight:950;font-size:12px}.fp4-resource-grid{position:relative;display:grid;gap:15px;padding:22px}.fp4-resource-grid label{display:grid;grid-template-columns:48px 1fr 42px;align-items:center;gap:12px;color:#cbd5e1;font-weight:900;font-size:13px}.fp4-resource-grid i{height:11px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,.3)}.fp4-resource-grid b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-primary,#8b5cf6),var(--brand-secondary,#38bdf6));box-shadow:0 0 24px rgba(56,189,246,.28)}.fp4-resource-grid strong{color:#fff;text-align:right}.fp4-quick-actions{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 22px}.fp4-quick-actions button{border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:13px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));color:#fff;font-weight:950}.fp4-terminal{position:relative;margin:0 22px 22px;padding:16px;border-radius:18px;border:1px solid rgba(56,189,246,.16);background:rgba(2,6,23,.68);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:grid;gap:7px}.fp4-terminal span{color:#94a3b8}.fp4-terminal b{color:#86efac}.fp4-terminal em{font-style:normal;color:#bae6fd}.fp4-trust-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0;padding:16px 18px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.58),rgba(2,6,23,.42));box-shadow:inset 0 1px rgba(255,255,255,.04)}.fp4-trust-row span{color:#94a3b8;font-weight:900}.fp4-trust-row b{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.085);color:#e5e7eb}.fp4-section{margin-top:24px;padding:36px;border:1px solid rgba(255,255,255,.09);border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.66),rgba(2,6,23,.58));box-shadow:0 24px 70px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.04)}.fp4-section h2{margin:13px 0 10px;font-size:clamp(30px,4.6vw,54px);letter-spacing:-.065em;line-height:1.02;color:#f8fafc;text-wrap:balance}.fp4-section p{color:#aebbd0;line-height:1.7}.fp4-ops-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:28px;align-items:start}.fp4-section-intro p{max-width:560px}.fp4-feature-grid-ultra{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.fp4-feature-grid-ultra article{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(180deg,rgba(2,6,23,.44),rgba(15,23,42,.32));padding:22px}.fp4-feature-grid-ultra article:after{content:'';position:absolute;right:-26px;top:-26px;width:98px;height:98px;border-radius:50%;background:rgba(139,92,246,.10)}.fp4-feature-grid-ultra i{font-style:normal;font-size:27px}.fp4-feature-grid-ultra b{display:block;margin:14px 0 6px;color:#fff;font-size:17px}.fp4-feature-grid-ultra p{margin:0;font-size:14px}.fp4-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.fp4-section-head h2{margin-bottom:0}.fp4-section-head a{color:#d8b4fe;font-weight:950}.fp4-plan-grid-ultra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fp4-plan{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:25px;background:linear-gradient(180deg,rgba(2,6,23,.48),rgba(15,23,42,.36));padding:24px;box-shadow:inset 0 1px rgba(255,255,255,.04)}.fp4-plan:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.14),transparent 36%);pointer-events:none}.fp4-plan.featured{border-color:rgba(139,92,246,.54);box-shadow:0 0 64px rgba(139,92,246,.16),inset 0 1px rgba(255,255,255,.06);transform:translateY(-6px)}.fp4-plan-badge{position:absolute;right:16px;top:16px;color:#fff;background:linear-gradient(135deg,var(--brand-primary,#8b5cf6),#7c3aed);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950}.fp4-plan small{position:relative;color:#c084fc;text-transform:uppercase;font-weight:950;letter-spacing:.15em}.fp4-plan h3{position:relative;font-size:25px;margin:14px 0;color:#fff;letter-spacing:-.035em}.fp4-price{position:relative;font-size:44px;font-weight:950;letter-spacing:-.055em;color:#f8fafc}.fp4-price span{font-size:14px;color:#94a3b8;letter-spacing:0}.fp4-plan ul{position:relative;list-style:none;padding:0;margin:20px 0;display:grid;gap:11px;color:#cbd5e1}.fp4-plan li:before{content:'✓';color:#34d399;margin-right:9px}.fp4-plan a{position:relative;display:flex;justify-content:center;border-radius:15px;padding:14px;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.30);font-weight:950;color:#f5f3ff}.fp4-plan a:hover{background:rgba(139,92,246,.24)}.fp4-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fp4-process-grid article{padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:rgba(2,6,23,.40)}.fp4-process-grid span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.28);color:#ddd6fe;font-weight:950}.fp4-process-grid b{display:block;margin:16px 0 6px;color:#fff;font-size:19px}.fp4-process-grid p{margin:0;font-size:14px}.fp4-status-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:24px;align-items:center;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(56,189,246,.08),rgba(2,6,23,.72))}.fp4-status-board{display:grid;gap:12px}.fp4-status-board div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(2,6,23,.45)}.fp4-status-board b{color:#fff}.fp4-status-board span{color:#cbd5e1;font-size:13px;font-weight:900}.fp4-status-board .ok{color:#86efac;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.22);padding:6px 10px;border-radius:999px}.fp4-testimonials{display:grid;gap:22px}.fp4-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fp4-review-grid article{padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:rgba(2,6,23,.38)}.fp4-review-grid b{display:block;color:#fff;font-size:18px}.fp4-review-grid p{margin:10px 0 14px;font-size:14px}.fp4-review-grid span{color:#fbbf24;letter-spacing:.08em}.fp4-cta-ultra{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:42px;background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(56,189,246,.11),rgba(2,6,23,.84));position:relative;overflow:hidden}.fp4-cta-ultra:after{content:'';position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:999px;background:rgba(139,92,246,.20);filter:blur(12px)}.fp4-cta-ultra>*{position:relative;z-index:1}.fp4-cta-ultra h2{margin-bottom:5px}
@media(max-width:1100px){.fp4-hero-ultra,.fp4-ops-grid,.fp4-status-shell{grid-template-columns:1fr}.fp4-command-card{max-width:680px}.fp4-hero-metrics{grid-template-columns:repeat(2,1fr)}.fp4-plan-grid-ultra,.fp4-process-grid,.fp4-review-grid{grid-template-columns:1fr}.fp4-plan.featured{transform:none}.fp4-section-head,.fp4-cta-ultra{align-items:flex-start;flex-direction:column}.fp4-hero-ultra{padding:30px;min-height:auto}.fp4-section{padding:26px}}
@media(max-width:640px){.fp4-ultra{padding-top:24px}.fp4-hero-ultra{padding:22px;border-radius:28px}.fp4-hero-ultra h1{font-size:clamp(38px,13vw,58px)}.fp4-hero-ultra p{font-size:16px}.fp4-hero-metrics,.fp4-feature-grid-ultra{grid-template-columns:1fr}.fp4-command-top{align-items:flex-start}.fp4-command-top em{display:none}.fp4-node-card,.fp4-status-board div{flex-direction:column;align-items:flex-start}.fp4-resource-grid label{grid-template-columns:44px 1fr 38px}.fp4-quick-actions{grid-template-columns:1fr}.fp4-trust-row{align-items:flex-start}.fp4-section{border-radius:24px}.fp4-cta-ultra{padding:28px}}

/* Template 4 - DezerX Ultra Pro v2 */
.fp4x{position:relative;max-width:1240px;margin:0 auto;padding:38px 18px 80px;color:#f8fafc;overflow:hidden}.fp4x:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 4%,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at 88% 7%,rgba(56,189,246,.16),transparent 30%),radial-gradient(circle at 50% 42%,rgba(99,102,241,.09),transparent 44%);pointer-events:none;z-index:-2}.fp4x:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 20%,#000,transparent 75%);opacity:.38;pointer-events:none;z-index:-1}.fp4x-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;align-items:center;min-height:680px;padding:46px;border:1px solid rgba(148,163,184,.15);border-radius:42px;background:linear-gradient(135deg,rgba(5,10,23,.88),rgba(15,23,42,.74) 48%,rgba(2,6,23,.93));box-shadow:0 40px 130px rgba(0,0,0,.52),0 0 0 1px rgba(139,92,246,.08) inset;overflow:hidden}.fp4x-noise{position:absolute;inset:0;background:radial-gradient(circle at 16% 20%,rgba(139,92,246,.30),transparent 32%),radial-gradient(circle at 84% 14%,rgba(56,189,246,.22),transparent 28%),linear-gradient(120deg,transparent,rgba(255,255,255,.035),transparent);pointer-events:none}.fp4x-copy,.fp4x-panel{position:relative;z-index:1}.fp4x-eyebrow,.fp4x-kicker{display:inline-flex;align-items:center;gap:10px;color:#c4b5fd;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.fp4x-eyebrow{padding:10px 14px;border:1px solid rgba(167,139,250,.22);background:rgba(139,92,246,.10);border-radius:999px}.fp4x-eyebrow i{width:9px;height:9px;border-radius:999px;background:#22c55e;box-shadow:0 0 18px #22c55e}.fp4x h1{margin:22px 0 18px;font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.08em;max-width:820px;background:linear-gradient(90deg,#fff,#dbeafe 45%,#a78bfa 75%,#38bdf8);-webkit-background-clip:text;color:transparent;text-wrap:balance}.fp4x p{color:#b8c4d8;line-height:1.75}.fp4x-copy>p{font-size:19px;max-width:720px}.fp4x-actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0}.fp4x-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:15px 22px;background:linear-gradient(90deg,#7c3aed,#2563eb,#06b6d4);color:#fff!important;font-weight:950;text-decoration:none;box-shadow:0 18px 50px rgba(37,99,235,.25),0 0 42px rgba(124,58,237,.22);border:1px solid rgba(255,255,255,.12)}.fp4x-btn-soft{background:rgba(15,23,42,.76);box-shadow:none;border-color:rgba(148,163,184,.18)}.fp4x-trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}.fp4x-trust span{color:#94a3b8;font-weight:900}.fp4x-trust b{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-size:13px}.fp4x-panel{border-radius:32px;background:linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.86));border:1px solid rgba(255,255,255,.13);box-shadow:0 32px 90px rgba(0,0,0,.55),0 0 90px rgba(124,58,237,.16);overflow:hidden;backdrop-filter:blur(16px);transform:rotate(1.2deg)}.fp4x-panel-top{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(2,6,23,.40)}.fp4x-logo{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(56,189,246,.12));border:1px solid rgba(255,255,255,.13)}.fp4x-logo img{max-width:32px;max-height:32px}.fp4x-panel-top b{display:block}.fp4x-panel-top span{display:block;color:#8ea0bd;font-size:12px;margin-top:3px}.fp4x-panel-top em{margin-left:auto;font-style:normal;color:#86efac;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.26);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950}.fp4x-service-card{display:flex;justify-content:space-between;gap:18px;padding:26px;border-bottom:1px solid rgba(255,255,255,.08)}.fp4x-service-card small{color:#a78bfa;text-transform:uppercase;font-weight:950;letter-spacing:.15em}.fp4x-service-card h3{font-size:31px;margin:10px 0 4px;letter-spacing:-.045em}.fp4x-service-card p{margin:0;font-size:14px}.fp4x-service-card strong{font-size:34px;color:#86efac}.fp4x-bars{display:grid;gap:15px;padding:22px}.fp4x-bars label{display:grid;grid-template-columns:52px 1fr 44px;gap:12px;align-items:center;font-size:13px;font-weight:900}.fp4x-bars i{height:12px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden}.fp4x-bars b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#38bdf8);box-shadow:0 0 22px rgba(56,189,246,.30)}.fp4x-bars em{font-style:normal;text-align:right;color:#fff}.fp4x-mini-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 22px}.fp4x-mini-actions button{border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:13px;background:rgba(255,255,255,.055);color:#fff;font-weight:950}.fp4x-console{margin:0 22px 22px;padding:16px;border-radius:18px;background:rgba(2,6,23,.72);border:1px solid rgba(56,189,246,.16);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:grid;gap:7px}.fp4x-console span{color:#94a3b8}.fp4x-console b{color:#86efac}.fp4x-console em{font-style:normal;color:#bae6fd}.fp4x-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.fp4x-stats article,.fp4x-section,.fp4x-final{border:1px solid rgba(148,163,184,.13);background:linear-gradient(180deg,rgba(15,23,42,.66),rgba(2,6,23,.56));border-radius:28px;box-shadow:0 20px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04)}.fp4x-stats article{padding:20px}.fp4x-stats b{display:block;font-size:32px;letter-spacing:-.05em}.fp4x-stats span{color:#94a3b8;font-weight:900}.fp4x-section{padding:38px;margin-top:18px}.fp4x-section h2,.fp4x-final h2{font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.07em;margin:12px 0;text-wrap:balance}.fp4x-split,.fp4x-dashboard-preview{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:center}.fp4x-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fp4x-features article,.fp4x-products article,.fp4x-steps article,.fp4x-review,.fp4x-dash-card,.fp4x-checks div{border:1px solid rgba(255,255,255,.10);background:rgba(2,6,23,.38);border-radius:24px}.fp4x-features article{padding:23px}.fp4x-features i{font-style:normal;font-size:28px}.fp4x-features b{display:block;margin:13px 0 5px;font-size:18px}.fp4x-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.fp4x-head a{color:#c4b5fd;font-weight:950}.fp4x-products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.fp4x-products article{position:relative;padding:24px;overflow:hidden}.fp4x-products article.hot{border-color:rgba(167,139,250,.45);box-shadow:0 0 70px rgba(124,58,237,.13)}.fp4x-products em{position:absolute;top:14px;right:14px;font-style:normal;font-size:11px;font-weight:950;background:linear-gradient(90deg,#7c3aed,#38bdf8);padding:7px 10px;border-radius:999px}.fp4x-products small{color:#a78bfa;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.fp4x-products h3{font-size:23px;letter-spacing:-.04em;margin:14px 0}.fp4x-price{font-size:38px;font-weight:950;letter-spacing:-.06em}.fp4x-price span{font-size:13px;color:#94a3b8;letter-spacing:0}.fp4x-products ul{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px;color:#cbd5e1}.fp4x-products li:before{content:'✓';color:#34d399;margin-right:8px}.fp4x-products article>a{display:flex;justify-content:center;border-radius:15px;padding:13px;background:rgba(124,58,237,.15);border:1px solid rgba(167,139,250,.26);color:#fff;font-weight:950}.fp4x-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.fp4x-steps article{padding:25px}.fp4x-steps span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#7c3aed,#2563eb);font-weight:950}.fp4x-steps b{display:block;margin:16px 0 6px;font-size:20px}.fp4x-dashboard-preview{background:radial-gradient(circle at 85% 0,rgba(56,189,246,.14),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.66),rgba(2,6,23,.56))}.fp4x-dash-card{padding:15px}.fp4x-dash-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;border-bottom:1px solid rgba(255,255,255,.08)}.fp4x-dash-row:last-child{border-bottom:0}.fp4x-dash-row span{color:#cbd5e1}.fp4x-dash-row .paid{color:#86efac;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.22);padding:6px 10px;border-radius:999px}.fp4x-compare{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.fp4x-checks{display:grid;gap:10px}.fp4x-checks div{display:flex;justify-content:space-between;align-items:center;padding:16px 18px}.fp4x-checks span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:rgba(34,197,94,.12);color:#86efac;border:1px solid rgba(34,197,94,.22);font-weight:950}.fp4x-final{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:42px;background:radial-gradient(circle at 20% 0,rgba(124,58,237,.22),transparent 38%),linear-gradient(135deg,rgba(15,23,42,.76),rgba(2,6,23,.88))}
@media(max-width:1100px){.fp4x-hero,.fp4x-split,.fp4x-dashboard-preview,.fp4x-compare{grid-template-columns:1fr}.fp4x-panel{transform:none;max-width:720px}.fp4x-products{grid-template-columns:repeat(2,1fr)}.fp4x-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.fp4x{padding:24px 10px 60px}.fp4x-hero,.fp4x-section,.fp4x-final{padding:24px;border-radius:26px}.fp4x h1{font-size:clamp(39px,13vw,58px)}.fp4x-copy>p{font-size:16px}.fp4x-features,.fp4x-products,.fp4x-steps,.fp4x-stats{grid-template-columns:1fr}.fp4x-head,.fp4x-final{align-items:flex-start;flex-direction:column}.fp4x-panel-top{align-items:flex-start}.fp4x-panel-top em{display:none}.fp4x-service-card{flex-direction:column}.fp4x-mini-actions{grid-template-columns:1fr}.fp4x-bars label{grid-template-columns:46px 1fr 40px}.fp4x-section h2,.fp4x-final h2{font-size:34px}.fp4x-actions{display:grid}.fp4x-btn{width:100%}}

/* Template 4 final premium cleanup */
.fp4x-feature-wall,
.fp4x-control-showcase,
.fp4x-process-pro,
.fp4x-final-pro{position:relative;overflow:hidden}
.fp4x-feature-grid-pro{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.fp4x-feature-grid-pro article{padding:24px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(15,23,42,.62),rgba(2,6,23,.50));border-radius:23px;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:.22s ease}
.fp4x-feature-grid-pro article:hover{transform:translateY(-4px);border-color:rgba(167,139,250,.36);box-shadow:0 22px 70px rgba(124,58,237,.16)}
.fp4x-feature-grid-pro i{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;margin-bottom:18px;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(56,189,246,.10));border:1px solid rgba(167,139,250,.22);font-size:25px;font-style:normal;color:#a78bfa}
.fp4x-feature-grid-pro b{display:block;font-size:17px;margin-bottom:9px;color:#fff;letter-spacing:-.02em}
.fp4x-feature-grid-pro p{margin:0;font-size:14px;line-height:1.65;color:#aebbd0}
.fp4x-control-showcase{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:center;background:radial-gradient(circle at 82% 0,rgba(56,189,246,.16),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.70),rgba(2,6,23,.58))}
.fp4x-showcase-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.fp4x-ui-preview{padding:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(2,6,23,.82),rgba(15,23,42,.62));border-radius:26px;box-shadow:0 24px 90px rgba(0,0,0,.36),0 0 80px rgba(56,189,246,.10)}
.fp4x-ui-top{display:flex;gap:8px;padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}
.fp4x-ui-top span{width:11px;height:11px;border-radius:50%;background:rgba(148,163,184,.55)}
.fp4x-ui-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 10px;border-bottom:1px solid rgba(255,255,255,.075)}
.fp4x-ui-row:last-child{border-bottom:0}
.fp4x-ui-row b{color:#fff}.fp4x-ui-row em{font-style:normal;color:#cbd5e1}.fp4x-ui-row .paid{color:#86efac;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.24);padding:6px 11px;border-radius:999px}
.fp4x-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.fp4x-process-grid article{padding:28px;border:1px solid rgba(255,255,255,.10);background:rgba(2,6,23,.40);border-radius:24px}
.fp4x-process-grid span{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#2563eb);font-weight:950;margin-bottom:18px;color:#fff;box-shadow:0 0 30px rgba(124,58,237,.25)}
.fp4x-process-grid b{display:block;font-size:21px;margin-bottom:9px;color:#fff}.fp4x-process-grid p{margin:0;color:#aebbd0}
.fp4x-final-pro{background:radial-gradient(circle at 15% 0,rgba(124,58,237,.34),transparent 38%),radial-gradient(circle at 92% 48%,rgba(56,189,246,.22),transparent 31%),linear-gradient(135deg,rgba(15,23,42,.84),rgba(2,6,23,.92))}
.fp4x-final-pro ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px;color:#cbd5e1}.fp4x-final-pro li:before{content:'✓';color:#86efac;margin-right:8px}
@media(max-width:1100px){.fp4x-feature-grid-pro{grid-template-columns:repeat(3,1fr)}.fp4x-control-showcase{grid-template-columns:1fr}}
@media(max-width:760px){.fp4x-feature-grid-pro,.fp4x-process-grid{grid-template-columns:1fr}.fp4x-showcase-actions{display:grid}.fp4x-ui-preview{padding:12px}}


/* NordicNode Control — clean-room control panel redesign */
:root{--nn-bg:#070a10;--nn-panel:#0d121c;--nn-panel2:#111925;--nn-line:#202a38;--nn-text:#f4f7fb;--nn-muted:#8491a3;--nn-accent:#79f2c0;--nn-accent2:#5ad6ff;--nn-danger:#ff6b7d;--nn-warn:#ffc76b}
body{background:var(--nn-bg)!important;color:var(--nn-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.nav{display:none!important}main.wrap{max-width:none!important;margin:0!important;padding:0!important}.nn-app{min-height:100vh;display:grid;grid-template-columns:255px 1fr;background:radial-gradient(circle at 85% 0,rgba(90,214,255,.08),transparent 28%),var(--nn-bg)}.nn-side{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--nn-line);background:rgba(8,12,18,.94);display:flex;flex-direction:column}.nn-logo{display:flex;align-items:center;gap:12px;padding:5px 8px 28px;color:#fff;text-decoration:none}.nn-logo-img{width:34px;height:34px;object-fit:contain}.nn-logo span{display:flex;flex-direction:column}.nn-logo b{font-size:16px}.nn-logo small{color:var(--nn-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.nn-side nav{display:flex;flex-direction:column;gap:5px}.nn-side nav p{font-size:10px;letter-spacing:.16em;color:#536071;margin:21px 10px 7px}.nn-side nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#9ca8b8;text-decoration:none;font-size:13px}.nn-side nav a span{width:22px;text-align:center}.nn-side nav a:hover,.nn-side nav a.active{color:#fff;background:#151d29}.nn-side nav a.active{box-shadow:inset 2px 0 0 var(--nn-accent)}.nn-side-foot{margin-top:auto;border-top:1px solid var(--nn-line);padding:17px 6px 0}.nn-side-foot>div{display:flex;align-items:center;gap:10px}.nn-side-foot i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--nn-accent),var(--nn-accent2));color:#04100c;font-style:normal;font-weight:900}.nn-side-foot span{display:flex;min-width:0;flex:1;flex-direction:column}.nn-side-foot small{color:var(--nn-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nn-side-foot>a{display:block;color:var(--nn-muted);font-size:12px;margin:12px 0 0 44px;text-decoration:none}.nn-main{min-width:0}.nn-top{height:68px;border-bottom:1px solid var(--nn-line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(7,10,16,.8);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.nn-breadcrumb{font-size:12px;color:var(--nn-muted)}.nn-top-right{display:flex;align-items:center;gap:14px}.nn-top-right>a,.nn-live{color:#a9b4c3;text-decoration:none;font-size:12px;padding:8px 10px;border:1px solid var(--nn-line);border-radius:8px}.nn-live i,.nn-status i{width:7px;height:7px;background:var(--nn-accent);border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 12px var(--nn-accent)}.nn-page-head{padding:42px 36px 26px;display:flex;align-items:end;justify-content:space-between}.nn-page-head small,.nn-panel small{font-size:10px;letter-spacing:.18em;color:var(--nn-accent)}.nn-page-head h1{font-size:34px;letter-spacing:-.04em;margin:6px 0}.nn-page-head p{color:var(--nn-muted);margin:0}.nn-content{padding:0 36px 48px;max-width:1500px}.nn-primary,.nn-secondary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;text-decoration:none;cursor:pointer;font-weight:800;font-size:12px;padding:11px 15px}.nn-primary{background:var(--nn-accent);color:#06100d}.nn-secondary{background:#151d29;color:#dce5ef;border:1px solid var(--nn-line)}.nn-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.nn-metrics article,.nn-panel{border:1px solid var(--nn-line);background:linear-gradient(180deg,rgba(17,25,37,.9),rgba(11,16,24,.96));border-radius:14px}.nn-metrics article{padding:19px}.nn-metrics span{display:block;color:var(--nn-muted);font-size:12px}.nn-metrics strong{display:block;font-size:28px;margin:9px 0 4px;letter-spacing:-.04em}.nn-metrics small{color:#667386}.nn-panel{padding:22px;margin-bottom:18px}.nn-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.nn-panel-head h2,.nn-panel h2{margin:4px 0 0;font-size:19px}.nn-panel-head>a{color:var(--nn-accent);text-decoration:none;font-size:12px}.nn-server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nn-server-card{display:block;padding:17px;border:1px solid var(--nn-line);border-radius:12px;background:#0a0f17;color:#fff;text-decoration:none;transition:.18s}.nn-server-card:hover{transform:translateY(-2px);border-color:#354457;background:#0f1621}.nn-server-top,.nn-address{display:flex;align-items:center;justify-content:space-between}.nn-game-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#151e2a;color:var(--nn-accent)}.nn-status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#10241d;color:#9cf6cf;font-size:10px}.nn-status.warn{background:#2c2414;color:var(--nn-warn)}.nn-status.bad{background:#2b151b;color:#ff9aa7}.nn-status.bad i{background:var(--nn-danger);box-shadow:none}.nn-server-card h3{margin:18px 0 4px;font-size:16px}.nn-server-card p{color:var(--nn-muted);font-size:12px}.nn-address{border-top:1px solid var(--nn-line);padding-top:13px;margin-top:16px;font-size:11px;color:#8f9bac}.nn-address b{color:var(--nn-accent)}.nn-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.nn-panel p{color:var(--nn-muted);line-height:1.7}.nn-empty{text-align:center;padding:42px}.nn-empty>div{font-size:30px;color:var(--nn-accent)}.nn-empty p{max-width:500px;margin:8px auto;color:var(--nn-muted)}.nn-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.nn-form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--nn-muted);font-size:11px}.nn-form-grid input,.nn-form-grid select{height:42px;border:1px solid var(--nn-line);border-radius:8px;background:#080d14;color:#fff;padding:0 11px}.nn-table-wrap{overflow:auto}.nn-table{width:100%;border-collapse:collapse}.nn-table th,.nn-table td{text-align:left;border-bottom:1px solid var(--nn-line);padding:13px 10px;font-size:12px}.nn-table th{color:#667386;font-size:10px;letter-spacing:.1em}.nn-table td small{display:block;color:var(--nn-muted);margin-top:3px}.nn-mobile-menu{display:none;background:none;color:#fff;border:0;font-size:20px}.admin-shell.wrap{max-width:none!important;margin:0!important;padding:0!important}
@media(max-width:1000px){.nn-server-grid{grid-template-columns:1fr 1fr}.nn-metrics{grid-template-columns:1fr 1fr}.nn-form-grid{grid-template-columns:1fr 1fr}.nn-info-grid{grid-template-columns:1fr}}
@media(max-width:760px){.nn-app{display:block}.nn-side{position:fixed;left:-280px;z-index:80;width:245px;transition:.2s}.nn-app.menu-open .nn-side{left:0}.nn-mobile-menu{display:inline-block}.nn-top{padding:0 16px}.nn-page-head{padding:28px 18px 20px}.nn-page-head .nn-primary{display:none}.nn-content{padding:0 18px 35px}.nn-metrics,.nn-server-grid,.nn-form-grid{grid-template-columns:1fr}.nn-top-right .nn-live{display:none}}

/* =========================================================
   NORDICNODE NOVA — original control-panel design, July 2026
   ========================================================= */
:root{--nova-bg:#080b12;--nova-panel:#0e131d;--nova-panel-2:#121925;--nova-line:#202938;--nova-text:#f4f7fb;--nova-muted:#8995a8;--nova-lime:#b9f227;--nova-lime-soft:rgba(185,242,39,.11);--nova-blue:#7bb8ff;--nova-danger:#ff6b78;--nova-warn:#ffca5c}
html,body{min-height:100%}.nn-panel-body{margin:0;background:var(--nova-bg)!important;color:var(--nova-text);font-family:'DM Sans',sans-serif}.nn-panel-body .nav,.nn-panel-body>.wrap,.nn-panel-body .footer{display:none!important}.nova-app{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr);background:linear-gradient(180deg,#090c13 0%,#080b12 100%)}.nova-sidebar{height:100vh;position:sticky;top:0;padding:24px 18px 18px;background:#0b0f17;border-right:1px solid var(--nova-line);display:flex;flex-direction:column;z-index:40}.nova-brand{height:62px;display:flex;align-items:center;gap:13px;padding:0 10px 20px;border-bottom:1px solid var(--nova-line)}.nova-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--nova-lime);color:#11160a;font-family:Manrope,sans-serif;font-weight:900;box-shadow:0 8px 28px rgba(185,242,39,.16)}.nova-brand b{display:block;font:800 16px Manrope,sans-serif;letter-spacing:-.02em}.nova-brand small{display:block;margin-top:2px;color:var(--nova-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.nova-sidebar nav{padding:20px 0;display:grid;gap:5px;overflow:auto}.nova-sidebar nav p{margin:18px 12px 7px;color:#5f6b7e;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nova-sidebar nav p:first-child{margin-top:0}.nova-sidebar nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:11px;color:#9aa5b6;font-size:14px;font-weight:650;transition:.18s ease}.nova-sidebar nav a:hover{color:#fff;background:#111824}.nova-sidebar nav a.active{color:#f7ffe0;background:var(--nova-lime-soft);box-shadow:inset 3px 0 0 var(--nova-lime)}.nav-icon{width:21px;text-align:center;font-size:16px;color:#718096}.nova-sidebar nav a.active .nav-icon{color:var(--nova-lime)}.nova-user{margin-top:auto;padding:13px 10px 0;border-top:1px solid var(--nova-line);display:grid;grid-template-columns:36px minmax(0,1fr) 26px;gap:10px;align-items:center}.nova-user>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#192231;color:#dce6f4;font-weight:800}.nova-user div{min-width:0}.nova-user b,.nova-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nova-user b{font-size:13px}.nova-user small{font-size:11px;color:var(--nova-muted);margin-top:2px}.nova-user>a{color:#6f7b8c;font-size:18px}.nova-main{min-width:0}.nova-topbar{height:72px;border-bottom:1px solid var(--nova-line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(8,11,18,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:25}.nova-topbar>div:first-of-type{display:flex;gap:9px;align-items:center;font-size:13px}.nova-topbar small{color:#6f7b8c}.nova-topbar span{color:#465162}.nova-top-actions{display:flex;align-items:center;gap:12px}.nova-top-actions>a,.system-dot{height:36px;display:flex;align-items:center;gap:8px;border:1px solid var(--nova-line);padding:0 13px;border-radius:10px;color:#aab5c4;font-size:12px;font-weight:700;background:#0d121b}.nova-top-actions em{min-width:18px;height:18px;border-radius:6px;background:#1d2633;display:grid;place-items:center;font-style:normal}.system-dot i{width:7px;height:7px;border-radius:50%;background:var(--nova-lime);box-shadow:0 0 0 4px rgba(185,242,39,.08)}.nn-mobile-menu{display:none;border:1px solid var(--nova-line);background:#111722;color:#fff;border-radius:9px;width:38px;height:38px}.nova-title{padding:46px 38px 30px;display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:1500px;margin:auto}.eyebrow{color:var(--nova-lime);font-size:10px;font-weight:850;letter-spacing:.17em}.nova-title h1{font:800 clamp(34px,4vw,54px)/1 Manrope,sans-serif;letter-spacing:-.055em;margin:10px 0 10px}.nova-title p{margin:0;color:var(--nova-muted);font-size:15px}.nova-button{height:44px;padding:0 17px;border-radius:11px;display:flex;align-items:center;gap:15px;background:var(--nova-lime);color:#11150a;font-size:13px;font-weight:850}.nova-content{max-width:1500px;margin:auto;padding:0 38px 60px}.nn-metrics,.admin-grid-2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.nn-metrics article,.admin-stat{min-height:138px;padding:20px;border:1px solid var(--nova-line);border-radius:16px;background:linear-gradient(145deg,#101621,#0d121b);box-shadow:none!important}.nn-metrics span,.admin-stat span{color:var(--nova-muted);font-size:12px;font-weight:700}.nn-metrics strong,.admin-stat>b{display:block;margin:17px 0 8px;font:800 31px Manrope,sans-serif;color:#fff;letter-spacing:-.04em}.nn-metrics small,.admin-stat small{color:#637083;font-size:11px}.nn-panel,.admin-panel,.admin-table-card,.client-card{border:1px solid var(--nova-line)!important;border-radius:17px!important;background:#0d121b!important;box-shadow:none!important;overflow:hidden;margin-bottom:18px}.nn-panel-head,.card-head{min-height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 21px;border-bottom:1px solid var(--nova-line)}.nn-panel-head small{color:#657185;font-size:9px;letter-spacing:.14em;font-weight:850}.nn-panel-head h2,.admin-panel h2,.admin-table-card h2,.card-head h2{margin:3px 0 0;font:750 18px Manrope,sans-serif}.nn-panel-head>a{font-size:12px;color:var(--nova-lime)}.nn-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--nova-line)}.nn-server-card{padding:22px;background:#0d121b;min-height:188px;transition:.18s}.nn-server-card:hover{background:#121925}.nn-server-top{display:flex;justify-content:space-between}.nn-game-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#161e2b;color:var(--nova-lime)}.nn-server-card h3{font:750 18px Manrope,sans-serif;margin:21px 0 5px}.nn-server-card p{color:var(--nova-muted);font-size:12px;margin:0}.nn-address{display:flex;justify-content:space-between;margin-top:22px;padding-top:15px;border-top:1px solid var(--nova-line);font-size:12px;color:#758195}.nn-address b{color:var(--nova-lime)}.pulse-status{display:inline-flex;align-items:center;gap:7px;height:27px;padding:0 10px;border-radius:8px;font-size:10px;font-weight:800;text-transform:capitalize;background:#151c27;color:#9ba7b8}.pulse-status i{width:6px;height:6px;border-radius:50%;background:#718096}.pulse-status.ok{color:#dfff87;background:rgba(185,242,39,.08)}.pulse-status.ok i{background:var(--nova-lime)}.pulse-status.warn{color:#ffe09a;background:rgba(255,202,92,.08)}.pulse-status.warn i{background:var(--nova-warn)}.pulse-status.bad{color:#ff9ca5;background:rgba(255,107,120,.08)}.pulse-status.bad i{background:var(--nova-danger)}.nn-info-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.nn-info-grid article{padding:25px}.nn-info-grid small{font-size:9px;letter-spacing:.15em;color:var(--nova-lime);font-weight:850}.nn-info-grid h2{margin:11px 0 10px;font:750 20px Manrope,sans-serif}.nn-info-grid p{color:var(--nova-muted);line-height:1.65;font-size:13px}.nn-secondary{display:inline-flex;margin-top:8px;color:var(--nova-lime);font-weight:800;font-size:12px}.nn-empty{text-align:center;padding:58px 20px}.nn-empty div{font-size:27px;color:var(--nova-lime)}.nn-empty h3{font:750 19px Manrope,sans-serif}.nn-empty p{color:var(--nova-muted);font-size:13px}.admin-shell{width:auto!important}.admin-table-card,.admin-panel{padding:22px}.admin-table-card h2,.admin-panel h2{margin:0 0 17px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:12px;color:#637083;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--nova-line)}.admin-table td{padding:14px 12px;border-bottom:1px solid #171e2a;color:#b8c2d0;font-size:12px}.admin-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-action{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 15px;border:1px solid var(--nova-line);border-radius:11px;background:#101620;color:#c5cfda;font-size:12px}.admin-action:hover{border-color:#354153}.client-shell{max-width:none!important;padding:0!important}.client-grid,.client-hero{display:none!important}.public-nav{height:76px;border-bottom:1px solid #202938;background:#0b0f17;display:flex;align-items:center}.public-nav-inner{width:min(1180px,calc(100% - 32px));margin:auto;display:flex;justify-content:space-between;align-items:center}.public-brand{display:flex;align-items:center;gap:11px;font:800 17px Manrope,sans-serif}.public-logo{width:34px;height:34px;object-fit:contain}.public-nav nav{display:flex;align-items:center;gap:8px}.public-nav nav a{padding:10px 13px;color:#9aa5b6;font-size:13px;font-weight:700}.public-cta{background:var(--nova-lime)!important;color:#11150a!important;border-radius:10px}.public-footer{padding:28px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;border-top:1px solid var(--nova-line);background:#0b0f17}.public-footer div{display:flex;gap:18px}.public-footer span,.public-footer a{color:var(--nova-muted);font-size:12px}.public-flash{margin:16px auto;width:min(1180px,calc(100% - 32px));padding:12px 15px;border:1px solid rgba(185,242,39,.2);background:var(--nova-lime-soft);border-radius:10px;color:#dfff87}
@media(max-width:1100px){.nova-app{grid-template-columns:230px minmax(0,1fr)}.nn-metrics,.admin-grid-2{grid-template-columns:repeat(2,1fr)}.nn-server-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nova-app{display:block}.nova-sidebar{position:fixed;left:-290px;width:270px;transition:.22s;box-shadow:30px 0 80px rgba(0,0,0,.5)}.nova-app.menu-open .nova-sidebar{left:0}.nn-mobile-menu{display:grid;place-items:center}.nova-topbar{padding:0 16px}.nova-topbar>div:first-of-type{display:none}.system-dot{display:none}.nova-title{padding:28px 18px 22px;align-items:flex-start}.nova-title h1{font-size:35px}.nova-title .nova-button{display:none}.nova-content{padding:0 18px 42px}.nn-metrics,.admin-grid-2,.nn-info-grid,.nn-server-grid,.admin-actions{grid-template-columns:1fr}.nn-metrics article,.admin-stat{min-height:116px}.public-nav nav a:not(.public-cta){display:none}.public-footer{flex-direction:column;gap:16px}.admin-table-wrap,.table-wrap{overflow:auto}}

/* NordicNode public homepage — original control-panel landing page */
.nn-home{background:#080b11;color:#f5f7fb;overflow:hidden}.nn-home *{box-sizing:border-box}.nn-home-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.nn-public-nav{position:relative;z-index:80;background:rgba(8,11,17,.88)!important;backdrop-filter:blur(18px);border-color:rgba(255,255,255,.07)!important}.nn-public-nav .public-brand span{font-family:Manrope,sans-serif;letter-spacing:-.03em}.nn-public-nav .public-cta{background:#d6ff3f!important;color:#101405!important}.nn-public-nav .public-cta span{margin-left:5px}.nn-home-hero{position:relative;min-height:720px;padding:92px 0 82px;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 80% 18%,rgba(111,151,255,.09),transparent 28%),linear-gradient(180deg,#080b11 0%,#0b1019 100%)}.nn-home-glow{position:absolute;border-radius:999px;filter:blur(90px);pointer-events:none}.nn-home-glow-one{width:380px;height:380px;background:rgba(214,255,63,.07);left:-160px;top:120px}.nn-home-glow-two{width:460px;height:460px;background:rgba(80,113,255,.07);right:-180px;bottom:-130px}.nn-home-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:76px;align-items:center}.nn-home-kicker{display:inline-flex;align-items:center;gap:10px;color:#aeb8c7;font-size:11px;font-weight:850;letter-spacing:.16em}.nn-home-kicker i{width:8px;height:8px;border-radius:50%;background:#d6ff3f;box-shadow:0 0 0 6px rgba(214,255,63,.08)}.nn-home-copy h1{font:800 clamp(54px,6.4vw,86px)/.94 Manrope,sans-serif;letter-spacing:-.075em;margin:24px 0 28px}.nn-home-copy h1 em{font-style:normal;color:#d6ff3f}.nn-home-copy>p{max-width:610px;color:#98a4b6;font-size:18px;line-height:1.7;margin:0}.nn-home-actions{display:flex;gap:12px;align-items:center;margin:34px 0 38px}.nn-home-primary,.nn-home-secondary{height:52px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;text-decoration:none}.nn-home-primary{gap:28px;padding:0 19px 0 22px;background:#d6ff3f;color:#101405;box-shadow:0 18px 44px rgba(214,255,63,.12)}.nn-home-primary span{font-size:20px}.nn-home-secondary{padding:0 21px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:#d7dde7}.nn-home-trust{display:flex;gap:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.07);max-width:510px}.nn-home-trust div{display:grid;gap:3px}.nn-home-trust b{font:800 17px Manrope,sans-serif}.nn-home-trust span{font-size:11px;color:#748094}.nn-home-console-card{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:linear-gradient(145deg,rgba(19,26,39,.92),rgba(11,16,25,.96));box-shadow:0 45px 100px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035);transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.nn-home-windowbar{height:42px;padding:0 8px 0 4px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);color:#748094;font-size:10px;font-weight:800;letter-spacing:.08em}.nn-home-window-dots{display:flex;gap:5px}.nn-home-window-dots i{width:7px;height:7px;border-radius:50%;background:#2b3442}.nn-home-windowbar>b{display:flex;align-items:center;gap:6px;color:#d6ff3f;font-size:9px}.nn-home-windowbar>b i{width:6px;height:6px;border-radius:50%;background:#d6ff3f}.nn-home-server-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:24px 8px 18px}.nn-home-server-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#d6ff3f;color:#101405;font:900 18px Manrope,sans-serif}.nn-home-server-head small{display:block;color:#647084;font-size:9px;font-weight:850;letter-spacing:.13em}.nn-home-server-head h2{font:750 19px Manrope,sans-serif;margin:4px 0 0}.nn-home-server-status{display:flex;align-items:center;gap:7px;color:#d6ff3f;font-size:9px;font-weight:850;padding:8px 10px;border-radius:8px;background:rgba(214,255,63,.07)}.nn-home-server-status i{width:6px;height:6px;border-radius:50%;background:#d6ff3f}.nn-home-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nn-home-meters article{padding:13px;border-radius:11px;background:#0a0f17;border:1px solid rgba(255,255,255,.055)}.nn-home-meters span,.nn-home-meters b{display:block}.nn-home-meters span{color:#667287;font-size:9px;font-weight:850;letter-spacing:.1em}.nn-home-meters b{font-size:12px;margin:8px 0 11px}.nn-home-meters article>div{height:3px;background:#222b39;border-radius:9px;overflow:hidden}.nn-home-meters i{display:block;height:100%;background:#d6ff3f}.nn-home-server-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.nn-home-server-actions button{height:37px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#111823;color:#aeb8c7;font:700 10px DM Sans,sans-serif}.nn-home-terminal{min-height:150px;padding:15px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#070a0f;color:#7e8b9e;font:500 10px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace}.nn-home-terminal>div span{color:#465367}.nn-home-prompt{margin-top:29px;height:34px;display:flex;align-items:center;gap:8px;border-top:1px solid #151b24;color:#4e5b6d}.nn-home-prompt b{color:#d6ff3f;font-size:17px}.nn-home-strip{border-bottom:1px solid rgba(255,255,255,.06);background:#090d14}.nn-home-strip .nn-home-wrap{min-height:78px;display:flex;align-items:center;justify-content:center;gap:24px;color:#394454}.nn-home-strip span{font-size:9px;letter-spacing:.18em;font-weight:850;color:#596579}.nn-home-strip b{font:750 12px Manrope,sans-serif;letter-spacing:.08em;color:#6f7b8e}.nn-home-strip i{width:3px;height:3px;border-radius:50%;background:#303a48}.nn-home-section{padding:118px 0}.nn-home-section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end;margin-bottom:52px}.nn-home-section-head span,.nn-home-admin-copy>span,.nn-home-cta span{color:#d6ff3f;font-size:10px;font-weight:850;letter-spacing:.17em}.nn-home-section-head h2,.nn-home-admin-copy h2,.nn-home-cta h2{font:800 clamp(36px,4.6vw,58px)/1.04 Manrope,sans-serif;letter-spacing:-.06em;margin:15px 0 0}.nn-home-section-head p{color:#8793a5;line-height:1.75;font-size:15px;margin:0 0 5px}.nn-home-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.nn-home-feature{min-height:272px;padding:25px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,#0e141e,#0b1018);position:relative;overflow:hidden}.nn-home-feature-wide{grid-column:span 2}.nn-home-feature-accent{background:linear-gradient(145deg,rgba(214,255,63,.11),#0c1219);border-color:rgba(214,255,63,.18)}.nn-home-feature-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#151d29;color:#d6ff3f;font-size:18px;margin-bottom:42px}.nn-home-feature small{color:#687489;font-size:9px;font-weight:850;letter-spacing:.14em}.nn-home-feature h3{font:750 22px Manrope,sans-serif;letter-spacing:-.035em;margin:9px 0 10px}.nn-home-feature p{max-width:440px;color:#7f8b9e;font-size:13px;line-height:1.65;margin:0}.nn-home-mini-console{position:absolute;right:24px;bottom:24px;width:46%;padding:13px;border-radius:10px;background:#080b10;border:1px solid rgba(255,255,255,.06);font:500 9px/1.8 ui-monospace,monospace;color:#8995a7}.nn-home-mini-console>span{color:#d6ff3f}.nn-home-mini-console>div{color:#4f5b6e}.nn-home-admin-section{background:linear-gradient(180deg,#0a0f17,#080b11);border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}.nn-home-admin-grid{display:grid;grid-template-columns:1fr .83fr;gap:110px;align-items:center}.nn-home-admin-copy>p{max-width:580px;color:#8793a5;line-height:1.75;font-size:15px;margin:25px 0 35px}.nn-home-admin-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}.nn-home-admin-copy li{display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start}.nn-home-admin-copy li>i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#111823;color:#d6ff3f;font-style:normal;font-size:10px;font-weight:850}.nn-home-admin-copy li b,.nn-home-admin-copy li span{display:block}.nn-home-admin-copy li b{font-size:14px}.nn-home-admin-copy li span{color:#717d90;font-size:12px;margin-top:5px}.nn-home-admin-card{padding:19px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,#121925,#0d121b);box-shadow:0 34px 80px rgba(0,0,0,.38)}.nn-home-admin-card-head{display:flex;justify-content:space-between;padding:7px 4px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.nn-home-admin-card-head span{color:#d6ff3f;font-size:9px;font-weight:850;letter-spacing:.14em}.nn-home-admin-card-head b{color:#687489;font-size:10px}.nn-home-admin-card label{display:block;color:#647084;font-size:9px;font-weight:850;letter-spacing:.12em;margin-top:17px}.nn-home-admin-card label>div{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:7px;padding:14px;border-radius:11px;background:#090e15;border:1px solid rgba(255,255,255,.06);color:#dde3eb;font-size:12px;letter-spacing:0}.nn-home-admin-card label span{color:#596579;font-size:10px}.nn-home-admin-card button{width:100%;height:48px;border:0;border-radius:11px;background:#d6ff3f;color:#101405;font:850 12px DM Sans,sans-serif;margin:19px 0 13px;display:flex;justify-content:center;align-items:center;gap:36px}.nn-home-admin-card>small{display:flex;align-items:center;justify-content:center;gap:7px;color:#667287;font-size:9px}.nn-home-admin-card>small i{width:6px;height:6px;border-radius:50%;background:#d6ff3f}.nn-home-cta{padding:88px 0;background:#d6ff3f;color:#101405}.nn-home-cta .nn-home-wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}.nn-home-cta span{color:#4a5912}.nn-home-cta h2{font-size:clamp(36px,4vw,52px);margin-top:12px}.nn-home-cta a{min-width:245px;height:56px;padding:0 18px 0 23px;border-radius:13px;background:#101405;color:#efffc0;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:850}.nn-home-cta a b{font-size:21px}.public-footer{background:#080b11!important}
@media(max-width:980px){.nn-home-hero{padding-top:70px}.nn-home-hero-grid,.nn-home-admin-grid{grid-template-columns:1fr;gap:58px}.nn-home-console-card{max-width:650px;width:100%;margin:auto;transform:none}.nn-home-section-head{grid-template-columns:1fr;gap:25px}.nn-home-feature-grid{grid-template-columns:repeat(2,1fr)}.nn-home-feature-wide{grid-column:span 2}.nn-home-admin-grid{gap:60px}.nn-home-admin-card{max-width:620px;width:100%}}
@media(max-width:680px){.nn-home-wrap{width:min(100% - 28px,1180px)}.nn-home-hero{min-height:auto;padding:60px 0 54px}.nn-home-copy h1{font-size:49px}.nn-home-copy>p{font-size:15px}.nn-home-actions{align-items:stretch;flex-direction:column}.nn-home-primary,.nn-home-secondary{width:100%}.nn-home-trust{gap:20px;justify-content:space-between}.nn-home-console-card{padding:10px;border-radius:18px}.nn-home-meters{grid-template-columns:1fr}.nn-home-server-head{grid-template-columns:40px 1fr}.nn-home-server-status{grid-column:1/-1;justify-self:start}.nn-home-strip .nn-home-wrap{gap:12px;flex-wrap:wrap;padding:20px 0}.nn-home-strip i{display:none}.nn-home-section{padding:78px 0}.nn-home-section-head{margin-bottom:34px}.nn-home-section-head h2,.nn-home-admin-copy h2{font-size:40px}.nn-home-feature-grid{grid-template-columns:1fr}.nn-home-feature,.nn-home-feature-wide{grid-column:auto;min-height:250px}.nn-home-mini-console{position:static;width:100%;margin-top:25px}.nn-home-admin-card label>div{align-items:flex-start;flex-direction:column}.nn-home-cta{padding:64px 0}.nn-home-cta .nn-home-wrap{align-items:stretch;flex-direction:column}.nn-home-cta a{width:100%}.nn-public-nav .public-nav-inner{width:calc(100% - 24px)}.nn-public-nav nav a:not(.public-cta){display:none}.nn-public-nav .public-cta{padding:9px 11px!important;font-size:11px!important}}
.nn-home-customer-button{width:100%;height:48px;border-radius:11px;background:#d6ff3f;color:#101405;font:850 12px DM Sans,sans-serif;margin:19px 0 13px;display:flex;justify-content:center;align-items:center;gap:36px;text-decoration:none}.nn-home-customer-button span{font-size:18px}

/* NordicNode professional status page */
.nn-status-page{max-width:1180px;margin:0 auto;padding:42px 22px 80px;color:#edf4ff}
.nn-status-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:32px;padding:46px;border:1px solid rgba(130,155,210,.16);border-radius:28px;background:linear-gradient(135deg,rgba(11,18,38,.98),rgba(7,13,29,.98));box-shadow:0 26px 80px rgba(0,0,0,.28)}
.nn-status-hero:before{content:"";position:absolute;right:-120px;top:-160px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(60,223,147,.17),transparent 65%);pointer-events:none}
.nn-status-kicker,.nn-status-eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:11px;color:#8da0c7}
.nn-status-live-dot{width:9px;height:9px;border-radius:50%;background:#38dc91;box-shadow:0 0 0 7px rgba(56,220,145,.1)}
.nn-status-hero h1{font-size:clamp(36px,6vw,66px);line-height:.98;letter-spacing:-.055em;margin:24px 0 18px;max-width:760px;color:#fff}
.nn-status-hero__copy>p{max-width:650px;font-size:17px;line-height:1.7;color:#a9b7d2;margin:0}
.nn-status-hero__meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;font-size:13px;color:#7183a6}.nn-status-hero__meta strong{color:#dfe9fb}
.nn-status-summary{position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border:1px solid rgba(133,159,215,.15);border-radius:22px;background:rgba(4,9,21,.55);backdrop-filter:blur(14px)}
.nn-status-summary__number strong{display:block;font-size:42px;letter-spacing:-.05em;color:#fff}.nn-status-summary__number span{display:block;margin-top:6px;color:#7f90b2;font-size:13px}
.nn-status-summary__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.nn-status-summary__stats div{padding:15px 10px;border-radius:15px;background:rgba(255,255,255,.035);text-align:center}.nn-status-summary__stats strong{display:block;font-size:22px}.nn-status-summary__stats span{font-size:10px;color:#798baa}
.nn-status-section{margin-top:26px;padding:30px;border:1px solid rgba(130,155,210,.13);border-radius:24px;background:rgba(7,13,29,.82)}
.nn-status-section__head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.nn-status-section__head h2{margin:7px 0 0;font-size:25px;letter-spacing:-.025em}.nn-status-overall-chip{padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800}
.nn-status-chip--online{color:#65e9a7;background:rgba(56,220,145,.1);border:1px solid rgba(56,220,145,.18)}.nn-status-chip--degraded,.nn-status-chip--maintenance{color:#ffd16c;background:rgba(255,187,50,.09);border:1px solid rgba(255,187,50,.17)}.nn-status-chip--offline,.nn-status-chip--critical{color:#ff838d;background:rgba(255,82,101,.1);border:1px solid rgba(255,82,101,.17)}
.nn-service-list{border:1px solid rgba(130,155,210,.1);border-radius:18px;overflow:hidden}.nn-service-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 20px;background:rgba(255,255,255,.018);border-bottom:1px solid rgba(130,155,210,.08)}.nn-service-row:last-child{border-bottom:0}.nn-service-row__identity{display:flex;align-items:center;gap:15px;min-width:0}.nn-service-row h3{margin:0 0 4px;font-size:15px}.nn-service-row p{margin:0;color:#7183a4;font-size:12px}.nn-service-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-weight:900}.nn-service-icon--online{color:#5ce7a1;background:rgba(56,220,145,.1)}.nn-service-icon--degraded,.nn-service-icon--maintenance{color:#ffc65c;background:rgba(255,187,50,.1)}.nn-service-icon--offline{color:#ff7885;background:rgba(255,82,101,.11)}.nn-service-row__state{display:flex;align-items:center;gap:8px;color:#b9c6dc;font-size:12px;white-space:nowrap}.nn-status-dot{width:8px;height:8px;border-radius:50%}.nn-status-dot--online{background:#38dc91;box-shadow:0 0 12px rgba(56,220,145,.5)}.nn-status-dot--degraded,.nn-status-dot--maintenance{background:#ffbd3e}.nn-status-dot--offline{background:#ff5265}
.nn-uptime-grid{display:grid;grid-template-columns:repeat(90,minmax(3px,1fr));gap:4px}.nn-uptime-day{height:34px;border-radius:6px;background:#1e2a42}.nn-uptime-day--ok{background:linear-gradient(180deg,#39dc91,#23b874)}.nn-uptime-day--incident{background:#f3b63e}.nn-uptime-day--critical{background:#f05667}.nn-uptime-axis{display:flex;justify-content:space-between;margin-top:10px;color:#647594;font-size:11px}.nn-uptime-legend{display:flex;gap:14px;font-size:11px;color:#7e90ad}.nn-uptime-legend span{display:flex;align-items:center;gap:7px}.nn-uptime-legend i{width:8px;height:8px;border-radius:50%}.nn-uptime-legend .ok{background:#38dc91}.nn-uptime-legend .warn{background:#f3b63e}
.nn-incident-feed{display:grid;gap:14px}.nn-incident{display:grid;grid-template-columns:3px 1fr;gap:18px;padding:21px;border-radius:17px;border:1px solid rgba(130,155,210,.1);background:rgba(255,255,255,.018)}.nn-incident__marker{border-radius:10px;background:#f2b73d}.nn-incident--resolved .nn-incident__marker{background:#38dc91}.nn-incident__top{display:flex;align-items:start;justify-content:space-between;gap:18px}.nn-incident h3{margin:0;font-size:16px}.nn-incident__top span{font-size:11px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.05);color:#a9bad4}.nn-incident p{color:#8fa0bd;line-height:1.6;font-size:13px}.nn-incident__time{margin-top:10px;color:#61728f;font-size:11px}.nn-no-incidents{display:flex;align-items:center;gap:16px;padding:22px;border-radius:17px;background:rgba(56,220,145,.055);border:1px solid rgba(56,220,145,.1)}.nn-no-incidents>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(56,220,145,.12);color:#5ee8a3;font-weight:900}.nn-no-incidents strong{display:block}.nn-no-incidents p{margin:5px 0 0;color:#7f91ad;font-size:12px}
.nn-status-footer-card{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:26px;padding:34px;border:1px solid rgba(85,142,255,.15);border-radius:24px;background:linear-gradient(120deg,rgba(30,64,127,.25),rgba(7,13,29,.9))}.nn-status-footer-card h2{margin:8px 0;font-size:25px}.nn-status-footer-card p{margin:0;color:#8c9db9}.nn-status-empty{padding:24px;text-align:center;color:#8192af}.nn-status-empty strong,.nn-status-empty span{display:block}.nn-status-empty span{margin-top:6px;font-size:12px}
@media(max-width:850px){.nn-status-page{padding:24px 12px 56px}.nn-status-hero{grid-template-columns:1fr;padding:28px 22px;border-radius:22px}.nn-status-hero h1{font-size:42px}.nn-status-summary__stats{grid-template-columns:repeat(3,1fr)}.nn-status-section{padding:21px 15px}.nn-status-section__head{align-items:flex-start;flex-direction:column}.nn-uptime-grid{grid-template-columns:repeat(30,1fr)}.nn-uptime-day:nth-child(-n+60){display:none}.nn-status-footer-card{align-items:flex-start;flex-direction:column}.nn-service-row{padding:16px 14px}}
@media(max-width:520px){.nn-status-hero h1{font-size:36px}.nn-status-summary__stats span{font-size:9px}.nn-service-row{align-items:flex-start}.nn-service-row__state{margin-top:5px}.nn-service-row p{max-width:190px}.nn-uptime-legend{display:none}.nn-incident__top{flex-direction:column;gap:8px}}

/* NordicNode Aurora Login — standalone redesign */
.nn-login-page{position:relative;min-height:calc(100vh - 72px);overflow:hidden;padding:48px 24px 64px;background:#050914;color:#f7f9ff;isolation:isolate}.nn-login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(44,220,184,.13),transparent 28%),radial-gradient(circle at 88% 78%,rgba(70,120,255,.16),transparent 32%),linear-gradient(145deg,#050914 0%,#07101c 55%,#050812 100%);z-index:-3}.nn-login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);z-index:-2}.nn-login-orb{position:absolute;border-radius:999px;filter:blur(80px);opacity:.45;z-index:-1}.nn-login-orb-a{width:420px;height:420px;background:#13cfa7;left:-220px;top:10%}.nn-login-orb-b{width:520px;height:520px;background:#365cff;right:-260px;bottom:-180px}.nn-login-wrap{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);border:1px solid rgba(255,255,255,.09);border-radius:28px;overflow:hidden;background:rgba(5,10,20,.72);box-shadow:0 42px 130px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(24px)}.nn-login-showcase{position:relative;padding:64px 58px;background:linear-gradient(160deg,rgba(10,28,39,.92),rgba(6,13,27,.88));border-right:1px solid rgba(255,255,255,.08);overflow:hidden}.nn-login-showcase:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(57,225,189,.12);border-radius:50%;right:-280px;top:-250px;box-shadow:0 0 0 58px rgba(57,225,189,.03),0 0 0 118px rgba(57,225,189,.02)}.nn-login-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(66,227,192,.24);border-radius:999px;background:rgba(29,203,166,.08);color:#8bf2da;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.nn-login-badge span,.nn-login-secure i{width:7px;height:7px;border-radius:50%;background:#36e5bb;box-shadow:0 0 15px #36e5bb}.nn-login-showcase h1{font-size:clamp(48px,5vw,76px);line-height:.96;letter-spacing:-.058em;margin:28px 0 20px;max-width:660px}.nn-login-showcase h1 em{font-style:normal;background:linear-gradient(100deg,#71f4d7,#68a8ff 75%);-webkit-background-clip:text;color:transparent}.nn-login-showcase>p{font-size:17px;line-height:1.7;color:#a9b8ca;max-width:600px;margin:0 0 34px}.nn-login-console{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden;background:#050a12;box-shadow:0 28px 65px rgba(0,0,0,.36)}.nn-login-console-top{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#0a111c;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px;color:#77869a}.nn-login-console-top>b{margin-left:auto;color:#5ee3b5;font-size:11px}.nn-login-console-top>b i{display:inline-block;width:6px;height:6px;background:#33d69f;border-radius:50%;margin-right:6px}.nn-login-dots{display:flex;gap:5px}.nn-login-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#2b3848}.nn-login-dots i:nth-child(2){background:#34465a}.nn-login-dots i:nth-child(3){background:#3c576b}.nn-login-console-body{padding:19px;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b4c5d4}.nn-login-console-body span{color:#4e6577;margin-right:9px}.nn-login-console-body strong{color:#47e0b6}.nn-login-console-body mark{color:#67d5ff;background:none}.nn-login-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);border-top:1px solid rgba(255,255,255,.06)}.nn-login-metrics article{padding:14px;background:#08101a}.nn-login-metrics span,.nn-login-metrics b{display:block}.nn-login-metrics span{font-size:9px;letter-spacing:.12em;color:#66788d}.nn-login-metrics b{font-size:13px;margin:5px 0 8px}.nn-login-metrics article>i{display:block;height:3px;background:#182536;border-radius:10px;overflow:hidden}.nn-login-metrics u{display:block;height:100%;background:linear-gradient(90deg,#36dfb8,#59a8ff);text-decoration:none}.nn-login-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.nn-login-points>div{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.025)}.nn-login-points>div>span{font-size:10px;color:#53e6bf;font-weight:900}.nn-login-points p{margin:0}.nn-login-points b,.nn-login-points small{display:block}.nn-login-points b{font-size:12px}.nn-login-points small{font-size:11px;line-height:1.45;color:#718398;margin-top:4px}.nn-login-card{padding:48px 42px;background:linear-gradient(180deg,rgba(7,13,24,.96),rgba(5,10,18,.98));display:flex;flex-direction:column;justify-content:center}.nn-login-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:54px}.nn-login-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900}.nn-login-logo>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#41e2bd,#4c89ff);box-shadow:0 9px 24px rgba(54,209,181,.22)}.nn-login-secure{display:flex;align-items:center;gap:7px;color:#77879a;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.nn-login-copy>span{font-size:10px;letter-spacing:.18em;color:#51e2bd;font-weight:900}.nn-login-copy h2{font-size:38px;letter-spacing:-.04em;margin:10px 0 8px}.nn-login-copy p{color:#8190a4;margin:0 0 30px}.nn-login-error{padding:12px 14px;border:1px solid rgba(255,92,115,.3);background:rgba(255,76,105,.08);border-radius:11px;color:#ff9cac;font-size:13px;margin-bottom:18px}.nn-login-form{display:grid;gap:12px}.nn-login-form>label,.nn-login-label-row label{font-size:11px;text-transform:uppercase;letter-spacing:.085em;color:#cbd5e2;font-weight:850}.nn-login-label-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.nn-login-label-row a{font-size:12px;color:#70e7ca;text-decoration:none;font-weight:750}.nn-login-field{position:relative;display:flex;align-items:center}.nn-login-field>svg{position:absolute;left:15px;width:18px;height:18px;stroke:#62748a;fill:none;stroke-width:1.7}.nn-login-field input{width:100%;height:54px;border:1px solid rgba(255,255,255,.085);border-radius:13px;background:#070d16;color:#fff;padding:0 50px 0 46px;outline:none;font-size:14px;transition:.2s ease}.nn-login-field input::placeholder{color:#46566a}.nn-login-field input:focus{border-color:rgba(67,224,189,.6);box-shadow:0 0 0 4px rgba(52,216,181,.08),0 10px 30px rgba(0,0,0,.2)}.nn-password-toggle{position:absolute;right:9px;border:0;background:#101a27;color:#8192a7;border-radius:8px;padding:8px 9px;font-size:10px;font-weight:800;cursor:pointer}.nn-password-toggle.active{color:#51e2bd}.nn-login-submit{height:56px;margin-top:12px;border:0;border-radius:13px;background:linear-gradient(105deg,#39dcb5,#4e9bff);color:#03110e;font-weight:950;display:flex;justify-content:space-between;align-items:center;padding:0 20px;cursor:pointer;box-shadow:0 16px 38px rgba(44,208,174,.2);transition:.2s ease}.nn-login-submit:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(44,208,174,.28)}.nn-login-submit b{font-size:20px}.nn-login-divider{height:1px;background:rgba(255,255,255,.07);margin:27px 0;position:relative}.nn-login-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#070d17;padding:0 10px;color:#526276;font-size:10px;text-transform:uppercase}.nn-login-register{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#dce6f2;text-decoration:none;font-size:13px;font-weight:800;background:rgba(255,255,255,.025)}.nn-login-register:hover{border-color:rgba(84,226,193,.32);background:rgba(58,214,181,.05)}.nn-login-register span{color:#54e3c1}.nn-login-foot{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:28px;color:#526174;font-size:10px}.nn-login-foot a{color:#69798e;text-decoration:none}.nn-login-foot i{width:3px;height:3px;background:#344253;border-radius:50%}
@media(max-width:980px){.nn-login-page{padding:24px 16px 48px}.nn-login-wrap{grid-template-columns:1fr;max-width:620px}.nn-login-showcase{padding:44px 34px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.nn-login-showcase h1{font-size:54px}.nn-login-card{padding:42px 34px}.nn-login-card-head{margin-bottom:40px}}
@media(max-width:620px){.nn-login-page{padding:14px 10px 36px}.nn-login-wrap{border-radius:20px}.nn-login-showcase{padding:30px 22px}.nn-login-showcase h1{font-size:42px}.nn-login-showcase>p{font-size:14px}.nn-login-points{display:none}.nn-login-console-body{font-size:10px;padding:14px}.nn-login-metrics article{padding:11px}.nn-login-card{padding:30px 22px 26px}.nn-login-card-head{margin-bottom:34px}.nn-login-secure{display:none}.nn-login-copy h2{font-size:32px}.nn-login-foot{flex-wrap:wrap}.nn-login-showcase:after{display:none}}


/* NordicNode login responsive correction */
.nn-login-body .public-nav-inner{min-width:0}
.nn-login-body .public-brand{min-width:0;flex-shrink:1}
.nn-login-body .public-brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nn-login-body .public-nav nav{min-width:0;flex-shrink:0}

@media(max-width:760px){
  .nn-login-body .public-nav{height:64px}
  .nn-login-body .public-nav-inner{width:100%;padding:0 18px;justify-content:flex-start}
  .nn-login-body .public-brand{font-size:16px}
  .nn-login-body .public-logo{width:31px;height:31px}
  .nn-login-body .public-nav nav{display:none!important}
  .nn-login-body .nn-login-page{min-height:calc(100svh - 64px);padding:18px 14px 28px;display:flex;align-items:flex-start}
  .nn-login-body .nn-login-wrap{display:block;width:100%;max-width:480px;margin:0 auto;border-radius:20px;overflow:visible;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
  .nn-login-body .nn-login-showcase{display:none!important}
  .nn-login-body .nn-login-card{width:100%;padding:24px 20px 22px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(180deg,rgba(8,15,26,.97),rgba(5,10,18,.99));box-shadow:0 24px 70px rgba(0,0,0,.42)}
  .nn-login-body .nn-login-card-head{margin-bottom:28px}
  .nn-login-body .nn-login-logo{font-size:15px}
  .nn-login-body .nn-login-logo>span{width:34px;height:34px}
  .nn-login-body .nn-login-secure{display:flex;font-size:9px;letter-spacing:.05em}
  .nn-login-body .nn-login-copy h2{font-size:32px;line-height:1.05;margin-top:8px}
  .nn-login-body .nn-login-copy p{font-size:14px;line-height:1.55;margin-bottom:24px}
  .nn-login-body .nn-login-field input{height:52px;font-size:16px}
  .nn-login-body .nn-login-submit{height:54px}
  .nn-login-body .nn-login-divider{margin:22px 0}
  .nn-login-body .nn-login-foot{margin-top:22px;padding-top:0}
  .nn-login-body .public-footer{display:none!important}
}

@media(max-width:390px){
  .nn-login-body .nn-login-page{padding-left:10px;padding-right:10px}
  .nn-login-body .nn-login-card{padding:21px 16px 19px}
  .nn-login-body .nn-login-secure{display:none}
  .nn-login-body .nn-login-copy h2{font-size:29px}
  .nn-login-body .nn-login-foot{gap:7px;font-size:9px}
}
/* NordicNode Admin v2 */
:root{--v2-bg:#070b13;--v2-panel:#0d1420;--v2-panel2:#111a28;--v2-line:#202c3c;--v2-text:#eef5ff;--v2-muted:#8492a6;--v2-green:#77e12e;--v2-cyan:#38d9d0;--v2-blue:#4b8dff;--v2-red:#ff627d;--v2-yellow:#ffcc66}
body:has(.v2-app){background:var(--v2-bg)!important;overflow-x:hidden}.v2-app{min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(56,217,208,.08),transparent 30%),var(--v2-bg);color:var(--v2-text)}.v2-app *{box-sizing:border-box}.v2-app svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v2-sidebar{position:fixed;inset:0 auto 0 0;width:268px;padding:20px 14px 14px;background:linear-gradient(180deg,#0b111b,#080d15);border-right:1px solid #172231;z-index:120;display:flex;flex-direction:column}.v2-brand{display:flex;align-items:center;gap:12px;padding:6px 10px 20px;color:#fff}.v2-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--v2-green),var(--v2-cyan));color:#061009;font-weight:1000;font-size:22px;box-shadow:0 0 30px rgba(119,225,46,.18)}.v2-brand b{display:block;font-size:17px}.v2-brand small{color:#667589;font-size:11px;letter-spacing:.06em}.v2-nav{overflow:auto;padding:2px 0 12px}.v2-nav p{margin:22px 12px 8px;color:#536176;font-size:10px;font-weight:900;letter-spacing:.16em}.v2-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;margin:3px 0;border-radius:10px;color:#8d9bad;font-weight:750;font-size:13px;transition:.18s}.v2-nav a:hover{background:#111a27;color:#e8f3ff}.v2-nav a.active{background:linear-gradient(90deg,rgba(119,225,46,.14),rgba(56,217,208,.04));color:#bafc83;box-shadow:inset 3px 0 var(--v2-green)}.v2-nav-icon{display:grid;place-items:center;width:22px}.v2-sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #1b2735;border-radius:13px;background:#0d1520}.v2-sidebar-user>span,.v2-profile>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#28394d,#172332);font-weight:900;color:#bafc83}.v2-sidebar-user div{min-width:0;flex:1}.v2-sidebar-user b,.v2-sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2-sidebar-user b{font-size:12px}.v2-sidebar-user small{font-size:10px;color:#667589}.v2-sidebar-user>a{color:#718096}.v2-main{margin-left:268px;min-height:100vh}.v2-topbar{height:68px;padding:0 32px;border-bottom:1px solid #172231;background:rgba(7,11,19,.88);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:80}.v2-top-left,.v2-top-actions{display:flex;align-items:center;gap:12px}.v2-search{width:min(440px,38vw);height:38px;border:1px solid #1f2c3b;background:#0c131e;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#536176}.v2-search input{border:0!important;background:transparent!important;color:#dce8f5!important;padding:0!important;width:100%;box-shadow:none!important}.v2-client-link{font-size:12px;font-weight:800;color:#9aabba;border:1px solid #223043;border-radius:9px;padding:9px 12px}.v2-icon-btn{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid #223043;background:#0c131e;color:#9aabba}.v2-icon-btn i{position:absolute;right:8px;top:7px;width:6px;height:6px;background:var(--v2-green);border-radius:99px}.v2-profile{display:flex;align-items:center;gap:9px;padding-left:6px}.v2-profile b,.v2-profile small{display:block}.v2-profile b{font-size:12px}.v2-profile small{font-size:10px;color:#69788c}.v2-page-head{padding:30px 34px 22px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #111b28}.v2-kicker{font-size:10px;letter-spacing:.18em;color:var(--v2-cyan);font-weight:900}.v2-page-head h1{margin:7px 0 5px;font-size:30px;letter-spacing:-.035em}.v2-page-head p{margin:0;color:#758399;max-width:720px}.v2-head-status{font-size:11px;color:#8fa0b1;border:1px solid #1d2b3a;padding:8px 11px;border-radius:999px;background:#0b121c}.v2-head-status i{display:inline-block;width:7px;height:7px;background:var(--v2-green);border-radius:50%;box-shadow:0 0 10px var(--v2-green);margin-right:7px}.v2-content{max-width:1600px;margin:0 auto;padding:26px 34px 70px!important;width:100%!important}.v2-app .admin-grid-2{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v2-app .admin-stat,.v2-app .admin-panel,.v2-app .admin-table-card,.v2-app .nn-panel{background:linear-gradient(180deg,#0f1723,#0b121c)!important;border:1px solid #1b2837!important;border-radius:15px!important;box-shadow:0 14px 45px rgba(0,0,0,.18)!important}.v2-app .admin-stat{padding:18px 19px!important;position:relative;overflow:hidden}.v2-app .admin-stat:after{content:"";position:absolute;right:-20px;top:-28px;width:90px;height:90px;border-radius:50%;background:rgba(56,217,208,.05)}.v2-app .admin-stat span{font-size:11px;color:#718096;text-transform:uppercase;letter-spacing:.08em}.v2-app .admin-stat b{font-size:31px!important;color:#f4f8ff!important;margin:9px 0 4px!important}.v2-app .admin-stat small{color:#627186}.v2-app .admin-panel,.v2-app .admin-table-card,.v2-app .nn-panel{padding:20px!important}.v2-app .admin-panel h2,.v2-app .admin-table-card h2,.v2-app .nn-panel h2{font-size:16px!important}.v2-app .admin-actions{grid-template-columns:repeat(2,1fr)}.v2-app .admin-action{background:#0c1521!important;border-color:#1e2c3c!important;border-radius:11px!important;padding:14px!important;color:#bdc9d6!important}.v2-app .admin-action:hover{border-color:rgba(119,225,46,.35)!important;color:#fff!important;transform:translateY(-1px)}.v2-app .admin-table-wrap,.v2-app .nn-table-wrap{border-color:#1d2a39!important;border-radius:12px!important}.v2-app .admin-table,.v2-app .nn-table{background:#0a111a!important}.v2-app .admin-table th,.v2-app .nn-table th{background:#0d1621!important;color:#67778b!important;font-size:10px!important}.v2-app .admin-table td,.v2-app .admin-table th,.v2-app .nn-table td,.v2-app .nn-table th{border-color:#182433!important;padding:13px 14px!important}.v2-app .admin-table tr:hover td,.v2-app .nn-table tr:hover td{background:#0e1722}.v2-app input,.v2-app select,.v2-app textarea{background:#09111b!important;border:1px solid #223245!important;color:#e9f1fb!important;border-radius:10px!important;box-shadow:none!important}.v2-app input:focus,.v2-app select:focus,.v2-app textarea:focus{border-color:rgba(56,217,208,.55)!important;box-shadow:0 0 0 3px rgba(56,217,208,.08)!important}.v2-app .admin-btn,.v2-app .nn-primary{background:linear-gradient(90deg,var(--v2-green),var(--v2-cyan))!important;color:#06120a!important;border:0!important;border-radius:9px!important;box-shadow:none!important;font-weight:900!important}.v2-app .admin-btn.small,.v2-app .nn-secondary{background:#101a27!important;color:#b9c7d6!important;border:1px solid #243448!important}.v2-app .pulse-status{border-radius:999px!important;font-size:10px!important;padding:6px 9px!important}.v2-menu-btn{display:none}.v2-backdrop{display:none}.footer:has(+ .v2-app),body:has(.v2-app)>.footer{display:none!important}
@media(max-width:1100px){.v2-app .admin-grid-2{grid-template-columns:repeat(2,1fr)}.v2-profile div{display:none}.v2-client-link{display:none}}
@media(max-width:820px){.v2-sidebar{transform:translateX(-100%);transition:.22s}.v2-sidebar.open{transform:translateX(0)}.v2-main{margin-left:0}.v2-menu-btn{display:block;border:0;background:transparent;color:#fff;font-size:20px}.v2-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:110}.v2-topbar{padding:0 16px}.v2-search{width:min(70vw,360px)}.v2-page-head{padding:24px 18px 18px;align-items:flex-start;gap:16px}.v2-head-status{display:none}.v2-content{padding:18px 14px 55px!important}.v2-app .admin-grid-2{grid-template-columns:1fr 1fr}.v2-app .admin-actions{grid-template-columns:1fr}}
@media(max-width:520px){.v2-search{width:58vw}.v2-search input::placeholder{color:transparent}.v2-page-head h1{font-size:25px}.v2-app .admin-grid-2{grid-template-columns:1fr}.v2-top-actions{gap:5px}.v2-icon-btn{display:none}.v2-content{padding-left:10px!important;padding-right:10px!important}.v2-app .admin-panel,.v2-app .admin-table-card,.v2-app .nn-panel{padding:15px!important}}


/* NordicNode server view switch */
.nn-server-panel-head{gap:18px}.nn-server-head-actions{display:flex;align-items:center;gap:14px}.nn-server-head-actions>a{color:var(--nova-lime,#b9f227);text-decoration:none;font-size:12px;font-weight:800}.nn-view-switch{display:inline-flex;align-items:center;padding:4px;border:1px solid var(--nova-line,#202938);border-radius:11px;background:#090e16;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.nn-view-btn{width:34px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#6f7b8d;font-size:17px;line-height:1;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.nn-view-btn:hover{color:#dce5ef;background:#131b27}.nn-view-btn.is-active{color:#10150a;background:var(--nova-lime,#b9f227);box-shadow:0 6px 18px rgba(185,242,39,.16)}
.nn-server-grid[data-server-view-container]{gap:12px;background:transparent!important}.nn-server-grid[data-server-view-container] .nn-server-card{border:1px solid var(--nova-line,#202938);border-radius:14px;background:#0d121b}.nn-server-grid[data-server-view-container] .nn-server-card:hover{border-color:#354153;background:#121925}
.nn-server-grid.is-list-view{display:flex;flex-direction:column;gap:10px}.nn-server-grid.is-list-view .nn-server-card{min-height:0;display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.8fr) minmax(200px,1fr);grid-template-areas:"identity package address";align-items:center;padding:16px 18px}.nn-server-grid.is-list-view .nn-server-top{grid-area:identity;justify-content:flex-start;gap:13px}.nn-server-grid.is-list-view .nn-server-top .nn-status,.nn-server-grid.is-list-view .nn-server-top .pulse-status{order:3;margin-left:auto}.nn-server-grid.is-list-view h3{grid-area:identity;margin:0 0 17px 51px;align-self:end;font-size:15px}.nn-server-grid.is-list-view p{grid-area:package;margin:0;padding:0 18px;color:#9aa5b6}.nn-server-grid.is-list-view .nn-address{grid-area:address;margin:0;padding:0 0 0 18px;border-top:0;border-left:1px solid var(--nova-line,#202938);min-height:45px;align-items:center}.nn-server-grid.is-list-view .nn-game-icon{flex:0 0 38px}
@media(max-width:760px){.nn-server-panel-head{align-items:flex-start}.nn-server-head-actions{gap:9px}.nn-server-head-actions>a{display:none}.nn-view-switch{padding:3px}.nn-view-btn{width:32px;height:30px}.nn-server-grid.is-list-view .nn-server-card{grid-template-columns:1fr auto;grid-template-areas:"identity identity" "package package" "address address";padding:15px}.nn-server-grid.is-list-view h3{margin:14px 0 4px;grid-area:package}.nn-server-grid.is-list-view p{grid-area:package;margin:39px 0 0;padding:0}.nn-server-grid.is-list-view .nn-address{grid-area:address;border-left:0;border-top:1px solid var(--nova-line,#202938);padding:13px 0 0;margin-top:14px;min-height:auto}}

/* NordicNode single grid/list view toggle */
.nova-app .nn-server-grid[data-server-view-container],
.nn-panel .nn-server-grid[data-server-view-container]{background:transparent!important;gap:12px!important;align-items:stretch}
.nn-view-toggle{position:relative;width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border:1px solid #2a3748;border-radius:12px;background:linear-gradient(180deg,#111925,#0b111a);color:#98a5b7;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.nn-view-toggle:hover{transform:translateY(-1px);border-color:rgba(185,242,39,.48);color:var(--nova-lime,#b9f227);box-shadow:0 0 0 3px rgba(185,242,39,.07),0 12px 28px rgba(0,0,0,.22)}
.nn-view-toggle:active{transform:scale(.94)}
.nn-view-toggle:focus-visible{outline:0;border-color:var(--nova-lime,#b9f227);box-shadow:0 0 0 3px rgba(185,242,39,.16)}
.nn-view-toggle-icon{position:absolute;display:grid;opacity:0;transform:scale(.72) rotate(-8deg);transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.nn-view-toggle.show-list-icon .nn-icon-list,.nn-view-toggle.show-grid-icon .nn-icon-grid{opacity:1;transform:scale(1) rotate(0)}
.nn-icon-list{width:20px;gap:4px}.nn-icon-list i{display:block;width:20px;height:2px;border-radius:4px;background:currentColor;box-shadow:-5px 0 0 -1px currentColor}
.nn-icon-grid{width:18px;height:18px;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:4px}.nn-icon-grid i{display:block;border-radius:2px;background:currentColor}
.nn-view-toggle.show-grid-icon{color:var(--nova-lime,#b9f227);background:linear-gradient(180deg,rgba(185,242,39,.13),rgba(185,242,39,.05));border-color:rgba(185,242,39,.32)}
.nn-server-grid.nn-view-changing{animation:nnViewSwap .2s ease both}
@keyframes nnViewSwap{0%{opacity:.4;transform:translateY(3px) scale(.99)}100%{opacity:1;transform:none}}
.nn-server-grid.is-grid-view{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.nn-server-grid.is-grid-view .nn-server-card{width:auto!important}
@media(max-width:1000px){.nn-server-grid.is-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.nn-view-toggle{width:42px;height:42px;flex-basis:42px}.nn-server-grid.is-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nn-server-head-actions{margin-left:auto}.nn-server-panel-head{align-items:center!important}.nn-server-grid.is-grid-view .nn-server-card{min-width:0}}
@media(max-width:480px){.nn-server-grid.is-grid-view{grid-template-columns:1fr!important}}


/* NordicNode reliable server view toggle + transparent odd grid fix */
.nn-server-grid[data-server-view-container]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  grid-auto-flow:row!important;
  align-content:start!important;
}
.nn-server-grid[data-server-view-container]::before,
.nn-server-grid[data-server-view-container]::after{content:none!important;display:none!important}
.nn-server-grid[data-server-view-container]>.nn-server-card{background:#0d121b!important}
.nn-view-toggle{overflow:hidden!important;padding:0!important;appearance:none!important;-webkit-appearance:none!important}
.nn-view-toggle-icon{width:21px!important;height:21px!important;display:block!important;position:absolute!important;inset:50% auto auto 50%!important;color:currentColor;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translate(-50%,-50%) scale(.72)!important;pointer-events:none}
.nn-view-toggle-icon rect{fill:none;stroke:currentColor}
.nn-view-toggle.show-list-icon .nn-icon-list,
.nn-view-toggle.show-grid-icon .nn-icon-grid{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}
.nn-view-toggle:not(.show-list-icon):not(.show-grid-icon) .nn-icon-list{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}
@media(max-width:760px){
 .nn-server-grid.is-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))!important;background:transparent!important}
 .nn-server-grid.is-grid-view>.nn-server-card{min-width:0!important}
}
@media(max-width:480px){.nn-server-grid.is-grid-view{grid-template-columns:1fr!important}}

/* Client invoice navigation/dashboard access */
.nn-metric-link{padding:0!important}.nn-metric-link>a{display:block;padding:20px;color:inherit;text-decoration:none;height:100%}.nn-metric-link:hover{border-color:rgba(183,255,38,.35);transform:translateY(-1px)}
.nn-invoice-alert{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;border-color:rgba(245,158,11,.28);background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(15,23,42,.72))}.nn-invoice-alert h2{margin:5px 0 7px}.nn-invoice-alert p{margin:0;color:var(--muted,#94a3b8)}
@media(max-width:700px){.nn-invoice-alert{align-items:flex-start;flex-direction:column}.nn-invoice-alert .nova-button{width:100%;justify-content:center}}


/* NordicNode Android Web App / PWA */
.nn-pwa-install{
  position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));
  z-index:9999;display:flex;align-items:center;gap:9px;height:46px;padding:0 16px;border:1px solid rgba(183,255,38,.42);
  border-radius:14px;background:linear-gradient(135deg,#b7ff26,#87df18);color:#071008;font:inherit;font-size:13px;
  box-shadow:0 18px 45px rgba(0,0,0,.38),0 0 0 4px rgba(183,255,38,.08);cursor:pointer
}
.nn-pwa-install[hidden]{display:none!important}.nn-pwa-install span{font-size:20px;font-weight:900}.nn-pwa-install b{font-weight:900}
.nn-pwa-toast{position:fixed;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));z-index:10000;max-width:calc(100vw - 32px);
  padding:12px 16px;border:1px solid #283649;border-radius:12px;background:#0d1520;color:#eef5ff;box-shadow:0 20px 60px rgba(0,0,0,.45);
  font-size:13px;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:.22s}
.nn-pwa-toast.show{opacity:1;transform:translate(-50%,0)}
.nn-standalone body{overscroll-behavior-y:none}
.nn-standalone .nova-topbar,.nn-standalone .v2-topbar{padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}
.nn-standalone .nova-sidebar,.nn-standalone .v2-sidebar{padding-top:calc(20px + env(safe-area-inset-top))}
.nn-standalone .nova-main,.nn-standalone .v2-main{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:820px){
  .nn-pwa-install{right:12px;bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));height:43px;padding:0 13px}
  .nn-standalone .nova-content,.nn-standalone .v2-content{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
}
