:root{--bg:#070914;--card:#0d1121;--text:#f5f7ff;--muted:#9da5bd;--a:#7c5cff;--b:#19d8ff;--line:#20263b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 10%,#1c1650 0,transparent 30%),var(--bg);color:var(--text);font:15px Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}.topbar{text-align:center;padding:9px;background:#0b0f1d;border-bottom:1px solid var(--line);color:#b9c0d5;font-size:12px}nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #ffffff08;position:sticky;top:0;z-index:10;background:#070914dd;backdrop-filter:blur(14px)}a{color:inherit;text-decoration:none}.logo{font-size:21px;font-weight:800}.logo span{color:var(--b);margin-right:7px}.navlinks{display:flex;gap:34px;color:#aeb6cc}.navlinks a:hover{color:#fff}.navbtn,.btn{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:11px 18px;font-weight:700}.navbtn,.primary{background:linear-gradient(110deg,var(--a),var(--b));border:0;color:#fff;box-shadow:0 10px 30px #5b4cff22}.ghost{background:#ffffff05}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:610px;padding:85px 7%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.pill{display:inline-block;color:#8feaff;background:#19d8ff0d;border:1px solid #19d8ff2b;padding:6px 11px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:1.2px}h1,h2{font-size:58px;line-height:1.05;letter-spacing:-2px;margin:20px 0}h2{font-size:44px}em{font-style:normal;background:linear-gradient(90deg,#fff,#8deaff);color:transparent;background-clip:text}.hero p,.section-title p,.darkbox p{color:var(--muted);font-size:17px;max-width:620px}.actions{display:flex;gap:12px;margin:28px 0}.trust{display:flex;gap:22px;color:#aeb6cc;font-size:12px}.server-card{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,#7c5cff44,#19d8ff22);filter:blur(20px)}.server{width:min(430px,100%);background:#0c1020dd;border:1px solid #ffffff16;border-radius:20px;box-shadow:0 30px 80px #0008;overflow:hidden;transform:rotate(2deg)}.server-head{padding:17px 20px;border-bottom:1px solid var(--line);color:#9ba4bb;font-size:11px}.server-head span{color:#43e29a}.server-head b{float:right;color:#62e8b1}.server-body{padding:30px}.metric{margin-bottom:25px}.metric small{color:#8791aa}.metric strong{float:right}.bar{height:8px;background:#1c2235;border-radius:10px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--b));border-radius:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 7%;border-block:1px solid var(--line);background:#0a0e1b}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font-size:26px}.stats span{color:var(--muted);font-size:12px}.section{padding:100px 7%}.section-title{text-align:center;margin-bottom:55px}.section-title p{margin:10px auto}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.features article,.plan,.order-card{background:linear-gradient(180deg,#101528,#0b0f1e);border:1px solid var(--line);border-radius:18px;padding:28px}.features b{font-size:28px}.features h3{margin-bottom:5px}.features p,.plan p{color:var(--muted)}.plans{background:#090d19}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1050px;margin:auto}.plan{position:relative}.plan.popular{border-color:#6254e8;box-shadow:0 0 45px #6756e522}.popular-tag{position:absolute;right:18px;top:18px;color:#8feaff;font-size:10px;font-weight:800}.price{font-size:36px;font-weight:850;margin:22px 0}.price small{font-size:12px;color:var(--muted);font-weight:500}.plan ul{padding:0;list-style:none;color:#c2c9da;min-height:155px}.plan li{margin:9px 0}.darkbox{margin:60px 7%;padding:65px;border-radius:25px;background:linear-gradient(110deg,#151634,#0c1728);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.checklist{display:grid;gap:14px;align-content:center}.checklist div{padding:16px 20px;background:#ffffff05;border:1px solid #ffffff0b;border-radius:12px;color:#c9d0df}footer{padding:50px 7%;border-top:1px solid var(--line);color:var(--muted)}footer .logo{color:#fff}.order-wrap{min-height:calc(100vh - 77px);display:grid;place-items:center;padding:50px}.order-card,.success{width:min(600px,100%);padding:45px}.order-card h1{font-size:42px}.order-card form{display:grid;gap:12px;margin-top:25px}.order-card input{padding:15px;border:1px solid var(--line);border-radius:10px;background:#070914;color:#fff}.success{border:1px solid #2bd6a255;background:#0d1920;border-radius:20px}.success h1{font-size:40px}@media(max-width:850px){.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#090d19;padding:20px;flex-direction:column}.navlinks.show{display:flex}.navbtn{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:55px}h1{font-size:45px}.features,.plan-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr;gap:25px}.stats div:nth-child(2){border:0}.darkbox{grid-template-columns:1fr;margin:30px 4%;padding:35px}}@media(max-width:560px){.features,.plan-grid{grid-template-columns:1fr}.hero{padding-inline:5%}.section{padding:70px 5%}.stats{padding-inline:5%}h2{font-size:36px}.trust{flex-direction:column;gap:5px}.actions{flex-direction:column}.server{transform:none}.darkbox{margin-inline:5%}}
.error{background:#ff456b12;border:1px solid #ff456b44;color:#ff9eb4;padding:12px 14px;border-radius:10px;margin:15px 0;font-size:13px}.auth-card{max-width:560px}.auth-foot{text-align:center!important;font-size:13px!important}.auth-foot a,.empty a{color:#7eeaff;font-weight:700}.dashboard{padding:70px 7%;min-height:calc(100vh - 77px)}.dash-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.dash-head h1{font-size:44px}.dash-head p{color:var(--muted)}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.dash-card,.table-card{background:linear-gradient(180deg,#101528,#0b0f1e);border:1px solid var(--line);border-radius:18px;padding:25px}.dash-card span{display:block;color:var(--muted);font-size:12px}.dash-card strong{font-size:30px}.table-card h2{font-size:25px;margin-top:0}.empty{padding:35px 0;color:var(--muted)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:13px}th{color:#8791aa;font-weight:600}.status{padding:5px 9px;border-radius:99px;background:#2bd6a514;color:#68e8b4;font-size:11px}@media(max-width:650px){.dash-head{align-items:flex-start;flex-direction:column}.dash-head h1{font-size:35px}.dash-grid{grid-template-columns:1fr}.dashboard{padding:50px 5%}}

.admin-label{font-size:9px;color:#8feaff;border:1px solid #19d8ff33;padding:3px 6px;border-radius:5px;margin-left:5px}.admin-features{grid-template-columns:repeat(3,1fr)}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{background:#070914;color:#fff;border:1px solid var(--line);padding:8px;border-radius:8px}.mini{padding:7px 10px;font-size:11px}.plan-form{display:grid;gap:10px;margin-bottom:40px}.plan-form input,.plan-form textarea{padding:13px;border:1px solid var(--line);border-radius:9px;background:#070914;color:#fff;font:inherit}.plan-form textarea{min-height:90px}.success-msg{display:inline-block;padding:10px 14px;background:#2bd6a514;border:1px solid #2bd6a544;color:#70e9b6;border-radius:9px;margin:15px 0}@media(max-width:700px){.admin-features{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}}

.nav-auth{display:flex;align-items:center;gap:16px}.login-link{color:#dfe7ff;text-decoration:none;font-weight:700;font-size:13px}.footer-links{display:flex;gap:18px;justify-content:center;margin-bottom:16px}.footer-links a{color:#9da7c0;text-decoration:none;font-size:12px}.footer-links a:hover{color:#fff}@media(max-width:700px){.nav-auth{gap:8px}.login-link{display:none}}
