:root{
  --bg:#050a12;--bg2:#08111f;--panel:rgba(12,23,39,.82);--panel-solid:#0d1a2c;
  --panel-soft:rgba(18,34,55,.72);--text:#f4f8ff;--muted:#91a4bb;--muted2:#6f849d;
  --line:rgba(145,175,210,.16);--line-strong:rgba(145,175,210,.28);
  --accent:#55e6b5;--accent-2:#6ca9ff;--danger:#ff7d8d;
  --shadow:0 24px 80px rgba(0,0,0,.34);--radius:20px;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;min-height:100vh;background:
 radial-gradient(900px 500px at 8% -5%,rgba(52,112,180,.24),transparent 60%),
 radial-gradient(700px 450px at 92% 10%,rgba(43,180,143,.10),transparent 62%),
 linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 -webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;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:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.nav{height:76px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:25px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,10,18,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.brand{display:inline-flex;align-items:center;gap:1px;font-size:23px;font-weight:900;letter-spacing:-1.1px;white-space:nowrap}.brand span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:8px;color:#b9c8d9;font-size:14px}.nav-links>a:not(.btn){padding:10px 12px;border-radius:10px}.nav-links>a:not(.btn):hover{background:rgba(255,255,255,.055);color:#fff}.nav-links>span{padding:10px 12px;color:#d9e4ef}
.menu-toggle{display:none;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:10px;padding:9px 11px;font-size:20px;line-height:1}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;border:1px solid var(--accent);background:linear-gradient(135deg,#5ce8b9,#49d8ab);color:#03110d;padding:12px 20px;border-radius:12px;font-weight:850;letter-spacing:-.1px;box-shadow:0 10px 28px rgba(65,220,171,.13);transition:.2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(65,220,171,.2)}.btn:active{transform:translateY(0)}.btn-ghost{background:rgba(255,255,255,.025);color:var(--text);border-color:var(--line-strong);box-shadow:none}.btn-ghost:hover{background:rgba(255,255,255,.07);box-shadow:none}.btn-small{min-height:38px;padding:9px 14px;border-radius:10px;font-size:13px}.full{width:100%}
.hero{max-width:var(--max);margin:auto;padding:105px 24px 92px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:75px;align-items:center}
.eyebrow{font-size:11px;letter-spacing:2.1px;color:var(--accent);font-weight:850}
.hero h1{max-width:760px;font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-4.5px;margin:18px 0 25px}.hero h1 span{color:#7eb5ff}
.hero p{max-width:680px;color:var(--muted);font-size:17px;line-height:1.75;margin:0}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.trust-row{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:25px;color:#9db0c6;font-size:13px}.trust-row span{white-space:nowrap}
.server-card{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(18,40,65,.96),rgba(8,19,33,.94));border:1px solid var(--line-strong);padding:28px;border-radius:24px;box-shadow:var(--shadow)}.server-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-80px;background:rgba(85,230,181,.08);filter:blur(5px)}.server-top{color:#91a9c0;font-size:11px;letter-spacing:1.3px}.dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:7px;box-shadow:0 0 16px rgba(85,230,181,.8)}.metric{display:flex;align-items:end;justify-content:space-between;margin:62px 0 18px;gap:15px}.metric b{font-size:clamp(36px,5vw,52px);letter-spacing:-2px}.metric small{color:var(--muted);font-size:12px}.bars{height:145px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line);padding:0 3px}.bars i{flex:1;min-height:16px;background:linear-gradient(180deg,var(--accent-2),#284261);border-radius:6px 6px 0 0;opacity:.9}.server-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;color:#7289a1;font-size:10px;letter-spacing:.5px}.server-footer strong{color:var(--accent)}
.section{max-width:var(--max);margin:auto;padding:92px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading>p{max-width:420px}.section h2,.features>h2{font-size:clamp(34px,4vw,48px);line-height:1.05;letter-spacing:-2.6px;margin:11px 0 0}.section-heading p,.feature-grid p,.footer p,.checkout-card p,.payment-card p,.admin-card p,.dash-head p{color:var(--muted);line-height:1.7}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.plan{background:linear-gradient(180deg,rgba(14,28,47,.92),rgba(9,19,33,.9));border:1px solid var(--line);padding:27px;border-radius:20px;position:relative;transition:.2s ease}.plan:hover{transform:translateY(-4px);border-color:rgba(115,164,216,.35);box-shadow:0 18px 55px rgba(0,0,0,.25)}.plan.featured{border-color:rgba(76,169,255,.6);box-shadow:0 18px 55px rgba(70,150,255,.12)}.popular,.tag{font-size:10px;letter-spacing:1.3px;font-weight:850;color:#04100d;background:var(--accent);display:inline-block;padding:7px 10px;border-radius:7px}.plan h3{font-size:25px;margin:18px 0 7px;letter-spacing:-.7px}.plan-desc{min-height:72px;color:var(--muted);line-height:1.6;font-size:14px}.price{font-size:37px;font-weight:900;letter-spacing:-1.5px;margin:21px 0}.price span{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.spec-grid div,.detail-grid>div{border:1px solid var(--line);padding:12px;border-radius:11px;background:rgba(4,12,23,.42)}.spec-grid small,.detail-grid small,.order-summary span,.line span,.upi-box small,.total-box span{display:block;color:#7188a2;font-size:10px;letter-spacing:1px}.spec-grid b,.detail-grid b{display:block;margin-top:5px;font-size:13px}.plan-meta{display:flex;flex-direction:column;gap:8px;color:#9ab0c7;font-size:12px;margin:18px 0 22px}.plan-meta span:before{content:"✓";color:var(--accent);margin-right:7px}.features>h2{margin-bottom:36px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.feature-grid>div{border-top:1px solid var(--line);padding:22px 20px 8px 0}.feature-grid>div+div{padding-left:20px;border-left:1px solid var(--line)}.feature-grid b{color:#6487ab;font-size:12px;letter-spacing:1px}.feature-grid h3{font-size:18px;margin:16px 0 7px}.footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:42px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:13px}.footer p{margin:0}.footer .brand{color:#fff}
.auth-page,.dashboard-page{min-height:100vh}.auth-page{display:grid;place-items:center;padding:40px 20px}.auth-card{width:min(460px,100%);background:linear-gradient(180deg,rgba(14,28,47,.94),rgba(8,18,31,.94));border:1px solid var(--line-strong);padding:36px;border-radius:22px;box-shadow:var(--shadow)}.auth-card h1{font-size:35px;letter-spacing:-1.7px;margin:36px 0 8px}.auth-card>p{color:var(--muted);margin-bottom:28px}.auth-bottom{text-align:center;color:var(--muted);margin-top:21px;font-size:14px}.auth-bottom a{color:var(--accent);font-weight:700}
label{display:block;color:#b7c7d8;font-size:13px;margin:15px 0}input{width:100%;margin-top:8px;padding:13px 14px;border-radius:11px;border:1px solid var(--line-strong);background:#071220;color:#fff;outline:none;transition:.2s}input::placeholder{color:#526a83}input:focus{border-color:#5b91d5;box-shadow:0 0 0 3px rgba(91,145,213,.1)}
.alert{padding:13px 14px;border-radius:11px;margin:15px 0;font-size:13px;line-height:1.5}.error{background:rgba(255,125,141,.1);border:1px solid rgba(255,125,141,.25);color:#ffb3bd}.success{background:rgba(85,230,181,.09);border:1px solid rgba(85,230,181,.22);color:#9bf0d3}
.dash-wrap,.admin-wrap{max-width:var(--max);margin:auto;padding:72px 24px}.dash-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.dash-head h1,.admin-wrap h1{font-size:clamp(38px,5vw,50px);letter-spacing:-2.5px;margin:10px 0 5px}.vps-grid{display:grid;gap:18px;margin-top:36px}.vps-card,.admin-card,.payment-card,.side-panel,.checkout-card,.empty{background:linear-gradient(180deg,rgba(14,28,47,.9),rgba(8,18,31,.9));border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 12px 45px rgba(0,0,0,.14)}.vps-title{display:flex;justify-content:space-between;gap:20px;align-items:start}.vps-title h2{margin:12px 0 0;font-size:22px;letter-spacing:-.7px}.status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:850;letter-spacing:1px;background:rgba(85,230,181,.1);color:var(--accent);border:1px solid rgba(85,230,181,.2)}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:23px}.domain-form{display:flex;align-items:end;gap:12px;margin-top:16px}.domain-form label{flex:1;margin:0}.domain-form .btn{min-width:130px}
.empty{text-align:center;padding:55px 25px;margin-top:35px}.empty h2{margin:0 0 7px}.empty p{color:var(--muted);margin-bottom:22px}
.checkout-wrap,.payment-wrap{max-width:1050px;margin:auto;padding:72px 24px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:18px;align-items:start}.checkout-card h1,.payment-card h1{font-size:clamp(34px,5vw,48px);letter-spacing:-2.5px;line-height:1.05;margin:12px 0}.order-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:26px 0}.order-summary>div{padding:14px;border:1px solid var(--line);background:rgba(5,14,25,.45);border-radius:11px}.order-summary b{display:block;margin-top:6px}.side-panel{position:sticky;top:98px}.side-panel h2{font-size:32px;letter-spacing:-1.2px;margin:17px 0 8px}.side-panel p{color:var(--muted);line-height:1.65}.mini-price{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;color:#b8c9d9;font-size:13px;line-height:1.6}
.payment-wrap{grid-template-columns:minmax(0,1.1fr) minmax(270px,.6fr)}.upi-box{margin:25px 0 13px;padding:19px;border:1px solid rgba(85,230,181,.3);background:rgba(85,230,181,.055);border-radius:14px}.upi-box strong{display:block;font-size:21px;margin:7px 0}.upi-box span{color:var(--muted);font-size:13px}.total-box{padding:18px;border:1px solid var(--line);background:rgba(4,12,23,.5);border-radius:14px;margin:13px 0 20px}.total-box strong{display:block;font-size:32px;letter-spacing:-1px;margin:6px 0}.total-box small{color:var(--accent);font-size:12px}.notice{padding:13px 14px;margin-top:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:11px;color:#8196ad;font-size:12px;line-height:1.6}.success-card{text-align:center;padding:60px 35px}.success-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;background:rgba(85,230,181,.1);border:1px solid rgba(85,230,181,.3);color:var(--accent);font-size:28px;font-weight:900}.payment-side h3{font-size:20px;margin:0 0 8px}.payment-side>p{color:var(--muted);font-size:13px}.line{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.line.strong{font-size:16px;border-bottom:0}.line.strong b{color:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0 18px}.stats>div{padding:19px;border:1px solid var(--line);background:var(--panel);border-radius:15px}.stats small{display:block;color:#70869e;font-size:10px;letter-spacing:1px}.stats b{display:block;font-size:28px;margin-top:7px;letter-spacing:-1px}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.admin-card h2{margin:0 0 5px;letter-spacing:-.7px}.admin-card code{color:#9bc4ff}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:45px;padding-top:75px}.server-card{max-width:680px;width:100%;margin:auto}.plans{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid>div:nth-child(3){padding-left:0;border-left:0}.feature-grid>div:nth-child(2),.feature-grid>div:nth-child(4){padding-left:20px}.detail-grid{grid-template-columns:1fr 1fr}.admin-grid,.checkout-wrap,.payment-wrap{grid-template-columns:1fr}.side-panel{position:static}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.nav{height:66px;padding:0 17px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:12px;right:12px;top:72px;padding:10px;flex-direction:column;align-items:stretch;gap:3px;background:rgba(8,17,30,.98);border:1px solid var(--line-strong);border-radius:15px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links>a,.nav-links>span{width:100%;text-align:left;padding:12px}.nav-links .btn{text-align:center}.hero{padding:64px 18px 58px;gap:35px}.hero h1{font-size:clamp(42px,13vw,60px);letter-spacing:-3px}.hero p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.server-card{padding:21px}.metric{margin-top:45px}.section{padding:62px 18px}.section-heading{display:block}.section-heading>p{margin-top:17px}.plans{grid-template-columns:1fr;margin-top:28px}.plan{padding:23px}.plan-desc{min-height:auto}.feature-grid{grid-template-columns:1fr}.feature-grid>div,.feature-grid>div+div,.feature-grid>div:nth-child(3),.feature-grid>div:nth-child(4){padding:20px 0;border-left:0}.footer{padding:34px 18px;display:block}.footer p{margin-top:10px}.auth-page{padding:20px 14px}.auth-card{padding:27px 21px}.dash-wrap,.admin-wrap{padding:52px 18px}.dash-head{display:block}.dash-head .btn{width:100%;margin-top:22px}.vps-card,.admin-card,.payment-card,.side-panel,.checkout-card,.empty{padding:20px}.vps-title{display:block}.vps-title>span:last-child{display:block;margin-top:10px;color:var(--muted);font-size:13px}.detail-grid{grid-template-columns:1fr 1fr}.domain-form{display:block}.domain-form .btn{width:100%;margin-top:5px}.order-summary{grid-template-columns:1fr}.checkout-wrap,.payment-wrap{padding:50px 18px}.stats{grid-template-columns:1fr 1fr}.success-card{padding:45px 20px}}
@media(max-width:420px){.detail-grid,.stats{grid-template-columns:1fr}.server-footer{grid-template-columns:repeat(2,1fr);row-gap:12px}.price{font-size:34px}.nav .brand{font-size:21px}}