*{box-sizing:border-box}:root{--bg:#080d18;--panel:#111b2e;--line:#293a54;--text:#f2f6ff;--muted:#9aaac4;--blue:#70a8ff;--cyan:#5de2d5;--green:#70e0ad}body{margin:0;background:radial-gradient(ellipse at 15% 0,#172746,transparent 38%),var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--cyan);text-decoration:none}a:hover{color:#fff}.container{width:min(1140px,92%);margin:auto;min-height:65vh}.topbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 4%;border-bottom:1px solid #ffffff16;background:#080d18ed;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;color:white;font-size:18px;font-weight:800}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.16em}.logo{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#70a8ff,#5de2d5);color:#07111d;font-weight:900;font-size:24px}.smalllogo{width:36px;height:36px;font-size:18px;border-radius:11px}.topbar nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.topbar nav a{font-size:13px;color:#d9e3f5}.navcta,.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;background:linear-gradient(120deg,#70a8ff,#5de2d5);color:#06111d!important;font-weight:800;cursor:pointer;font-size:13px}.btn.secondary{background:#1b2a42;color:#eaf2ff!important;border:1px solid #344761}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-weight:800}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;padding:70px 0 50px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.07;letter-spacing:-.04em;margin:17px 0}.grad{background:linear-gradient(90deg,#fff,#79c6ff,#5de2d5);color:transparent;background-clip:text}.lead{font-size:16px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.hero-card,.card,.panel,.auth-card,.stat{border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#142139,#0e1727);box-shadow:0 18px 50px #0002}.hero-card{padding:25px}.hero-card h2{font-size:23px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.metric{padding:15px;background:#0a1423;border:1px solid #263751;border-radius:12px}.metric b{display:block;font-size:22px}.metric span{font-size:11px;color:var(--muted)}.section{padding:28px 0 58px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2,.page-head h1{font-size:clamp(28px,4vw,40px);margin:8px 0}.section-head p,.page-head p,.muted{color:var(--muted);font-size:13px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:23px}.plan.featured{border-color:var(--cyan);box-shadow:0 0 0 1px #5de2d526}.plan h3{font-size:21px;margin:8px 0}.ram{font-size:34px;font-weight:900;letter-spacing:-.04em}.ram small{font-size:13px;color:var(--muted);letter-spacing:0}.price{font-size:27px;font-weight:900;margin:12px 0}.price small{font-size:12px;color:var(--muted);font-weight:500}.specs{list-style:none;padding:13px 0;margin:15px 0;border-top:1px solid var(--line)}.specs li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;color:var(--muted)}.specs b{text-align:right;color:#f0f5ff}.plan .btn{width:100%}.badge{display:inline-block;background:#16392f;color:#8af0c4;padding:4px 9px;border-radius:30px;font-size:10px;font-weight:800}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:23px;margin:20px 0}.page-head{padding:40px 0 20px}.auth-bg{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(540px,100%);padding:30px}.auth-card h1{font-size:30px;margin:8px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin:13px 0}.field.full{grid-column:1/-1}label{display:block;color:#dce5f5;font-size:12px;font-weight:700}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px 13px;background:#0a1220;border:1px solid #2b3c56;border-radius:10px;color:white;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #70a8ff20}textarea{min-height:90px}.notice{padding:13px 16px;margin:18px 0;background:#15372f;border:1px solid #286b59;border-radius:11px;color:#baf6df;font-size:13px}.notice.error{background:#3b202a;border-color:#78404e;color:#ffd7df}.notice-box{padding:15px;background:#0c1728;border:1px solid #2b3d56;border-radius:12px;color:#cfdbef;font-size:13px;margin:15px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;margin:18px 0}table{width:100%;border-collapse:collapse;min-width:700px;background:#111b2e}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #ffffff0d;font-size:12px;vertical-align:top}th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9aaac4}tr:last-child td{border-bottom:0}.status{display:inline-block;padding:4px 8px;border:1px solid #ffffff20;border-radius:30px;font-size:10px}.status.active,.status.verified{color:#83edbd}.status.pending,.status.pending_payment{color:#ffdc91}.status.rejected,.status.cancelled{color:#ffadb8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.stat{padding:18px}.stat b{display:block;font-size:25px}.stat span{font-size:11px;color:var(--muted)}.admin-nav{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.admin-nav a{padding:9px 12px;background:#17243a;border:1px solid #2b3d56;border-radius:9px;color:#e6efff;font-size:12px}.inline{display:inline-flex;gap:7px;align-items:center;flex-wrap:wrap}.inline select{width:auto;min-width:130px}.details{display:grid;grid-template-columns:140px 1fr;gap:10px;font-size:13px}.details span:nth-child(odd){color:var(--muted)}.small{font-size:11px;color:var(--muted)}.footer{margin-top:55px;padding:28px 4%;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:11px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:42px}.plans{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.topbar{flex-wrap:wrap}.topbar nav{gap:12px}.section-head{align-items:start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:450px){.hero h1{font-size:39px}.auth-card,.card,.panel{padding:18px}.details{grid-template-columns:110px 1fr}}

/* Customer account workspace */
.account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start;padding:20px 0 40px}.account-main{min-width:0}.account-main>.page-head{padding-top:12px}.account-sidebar{position:sticky;top:86px;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#142139,#0e1727);display:flex;flex-direction:column;gap:6px}.sidebar-title{padding:8px 10px 12px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em}.account-sidebar a{display:block;padding:10px 12px;border-radius:9px;color:#d9e3f5;font-size:13px}.account-sidebar a:hover,.account-sidebar a.active{background:#203653;color:#fff}.account-sidebar a.sidebar-new{margin-top:8px;background:linear-gradient(120deg,#70a8ff,#5de2d5);color:#06111d;font-weight:800}.account-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-quicklinks .card{padding:17px}.account-quicklinks h3{margin:6px 0;font-size:17px}.account-quicklinks p{margin:5px 0 12px}.server-compact-grid .card{padding:16px;border-radius:14px}.server-compact-grid .card h3{font-size:17px;margin:7px 0}.server-compact-grid .specs{margin:8px 0;padding:6px 0}.server-compact-grid .specs li{padding:4px 0}.server-compact-grid .btn{padding:8px 11px}.credential-value{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px}@media(max-width:900px){.account-layout{grid-template-columns:1fr;gap:12px}.account-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sidebar-title{grid-column:1/-1}.account-quicklinks{grid-template-columns:1fr}}


/* Dashboard layout hardening: cache-busted stylesheet + resilient customer grid */
.account-layout{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:26px!important;align-items:start!important;width:100%;padding:24px 0 44px}
.account-sidebar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:0;width:100%;padding:13px!important;position:sticky;top:86px}
.account-sidebar .sidebar-title{display:block;width:100%;padding:9px 10px 12px!important;line-height:1.4}
.account-sidebar a{display:flex!important;align-items:center;min-height:40px;width:100%;padding:10px 12px!important;line-height:1.35;white-space:normal}
.account-sidebar a.sidebar-new{margin-top:8px}
.account-main{display:block!important;min-width:0!important;width:100%}
.account-main .page-head{padding:14px 0 20px!important}
.account-main .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:18px 0 30px!important}
.account-main .stat{min-width:0;padding:16px!important}
.account-main .section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.account-quicklinks{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.account-quicklinks>.card{display:block!important;min-width:0!important;width:auto!important;padding:18px!important;overflow-wrap:anywhere}
.account-main .section{padding:24px 0 18px!important}
.account-main .table-wrap{max-width:100%}
.server-compact-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px!important}
@media(max-width:1000px){.account-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:16px!important}.account-main .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.account-quicklinks{grid-template-columns:1fr!important}}
@media(max-width:760px){.account-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.account-sidebar{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.account-sidebar .sidebar-title{grid-column:1/-1}.account-sidebar a{min-width:0}.account-main .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:420px){.account-main .stats{grid-template-columns:1fr 1fr!important;gap:8px!important}.account-main .stat{padding:12px!important}.account-main .stat b{font-size:21px}}


/* Distinct NexaVPS admin control-center theme */
body.admin-area{background:radial-gradient(ellipse at 0 0,#28234b 0,transparent 34%),#090b14;color:#f4f3ff}
body.admin-area .topbar{background:#0b0d18f2;border-bottom:1px solid #38324f;box-shadow:0 8px 30px #0003}
body.admin-area .brand .logo{background:linear-gradient(135deg,#b59cff,#6f7cff);color:#100d20}
body.admin-area .brand small{color:#b7add8}
body.admin-area .topbar nav a:hover{color:#c8b5ff}
body.admin-area .container{width:min(1500px,96%)}
.admin-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px;padding:26px 0 45px;align-items:start}
.admin-sidebar{position:sticky;top:92px;display:flex;flex-direction:column;gap:7px;padding:15px;background:linear-gradient(160deg,#17162a,#10121f);border:1px solid #39334f;border-radius:17px;min-height:440px;box-shadow:0 18px 45px #0003}
.admin-sidebar-title{font-size:10px;letter-spacing:.16em;font-weight:900;color:#a9a0c8;padding:8px 10px 14px}
.admin-sidebar a{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:10px;color:#c9c6df;font-size:13px;border:1px solid transparent}
.admin-sidebar a:hover,.admin-sidebar a.active{background:linear-gradient(110deg,#30284c,#222844);border-color:#554773;color:#fff}
.admin-content{min-width:0}
.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:25px 26px;border:1px solid #3b3555;border-radius:18px;background:linear-gradient(125deg,#211c38,#151b2e 70%,#142b37);box-shadow:0 18px 50px #0002}
.admin-hero h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;margin:7px 0}.admin-hero p{margin:0;color:#aaa9c6;font-size:13px}
.admin-search{display:flex;gap:8px;align-items:center;min-width:min(420px,100%)}.admin-search input{min-width:160px;margin:0;background:#0b1020;border-color:#494264}.admin-area .btn{background:linear-gradient(120deg,#a88cff,#777cff);color:#120f20!important}.admin-area .btn.secondary{background:#202239;border:1px solid #474260;color:#f1edff!important}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:19px 0}.admin-stat{display:block;padding:19px;border-radius:15px;border:1px solid #393450;background:linear-gradient(145deg,#1a1a2e,#121727);color:#fff;min-width:0}.admin-stat span,.admin-stat small{display:block;color:#a9a7c4;font-size:11px}.admin-stat b{display:block;font-size:30px;line-height:1.3;margin:9px 0}.admin-stat small{font-size:10px}.admin-stat.amber{border-top:3px solid #e8b85c}.admin-stat.green{border-top:3px solid #5bd6ad}.admin-stat.purple{border-top:3px solid #a88cff}.admin-stat:hover{transform:translateY(-2px);border-color:#65558b}
.sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 26px}.sales-card{padding:18px;border-radius:15px;border:1px solid #353149;background:#111522}.sales-card span,.sales-card small{display:block;color:#aaa8c4;font-size:11px}.sales-card b{display:block;font-size:25px;margin:7px 0;color:#c7b5ff}.sales-card small{font-size:10px}
.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 8px}.admin-section-head h2{margin:0;font-size:22px}.admin-section-head p{margin:3px 0;color:#aaa8c4;font-size:12px}.admin-table{border-color:#37324d;box-shadow:0 12px 35px #0002}.admin-table table{background:#111522;min-width:780px}.admin-table th{background:#1b1b2d;color:#bcb4da}.admin-table td{border-bottom-color:#29283c}.admin-table tr:hover td{background:#191a2c}.admin-pill{display:inline-block;border:1px solid #4b4562;border-radius:30px;padding:4px 8px;font-size:10px;color:#d6d1ed}.admin-pill.verified{color:#82efc1;border-color:#286e58;background:#103127}.admin-pill.pending{color:#ffdb8e;border-color:#755b2d;background:#2b2417}.admin-pill.rejected,.admin-pill.refunded{color:#ffb2bd}.order-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.order-tabs a{display:flex;gap:9px;align-items:center;padding:10px 14px;background:#151727;border:1px solid #37324d;border-radius:10px;color:#c9c6df;font-size:12px}.order-tabs a.active{background:#30284c;border-color:#7760a5;color:#fff}.order-tabs b{font-size:10px;border-radius:20px;padding:2px 7px;background:#28243b}.empty-cell{text-align:center;padding:35px;color:#aaa8c4}
body.site-area .site-search-wrap{width:min(1140px,92%);margin:13px auto 0}.site-search{display:flex;align-items:center;gap:9px;padding:7px 9px 7px 14px;border:1px solid var(--line);border-radius:13px;background:#101a2a}.site-search>span{font-size:23px;color:var(--cyan)}.site-search input{margin:0;border:0;background:transparent;box-shadow:none;min-width:0}.site-search .btn{padding:9px 15px;white-space:nowrap}
@media(max-width:1000px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar-title{grid-column:1/-1}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-grid{grid-template-columns:1fr 1fr}.sales-card:last-child{grid-column:1/-1}}
@media(max-width:560px){.admin-hero{padding:18px}.admin-search{min-width:100%;flex-wrap:wrap}.admin-search input{flex:1}.admin-stats,.sales-grid{grid-template-columns:1fr 1fr}.sales-card:last-child{grid-column:1/-1}.admin-stat{padding:14px}.admin-stat b{font-size:25px}.admin-sidebar{grid-template-columns:1fr 1fr}.site-search{gap:5px;padding-left:9px}.site-search .btn{padding:9px}.site-search>span{display:none}}


/* Customer dashboard repair: stable grid, no squeezed cards, responsive sidebar */
body.site-area .container { width: min(1140px, 92%); margin-left: auto; margin-right: auto; }
body.site-area .account-layout { display:grid !important; grid-template-columns:220px minmax(0,1fr) !important; gap:26px !important; align-items:start !important; width:100% !important; min-width:0 !important; }
body.site-area .account-sidebar { display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; min-width:0 !important; position:sticky !important; top:86px !important; }
body.site-area .account-sidebar a { display:flex !important; width:100% !important; min-width:0 !important; white-space:normal !important; }
body.site-area .account-main { display:block !important; width:100% !important; min-width:0 !important; overflow:hidden; }
body.site-area .account-main .stats { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; width:100% !important; }
body.site-area .account-quicklinks { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; width:100% !important; }
body.site-area .account-quicklinks > .card { display:block !important; width:auto !important; min-width:0 !important; overflow-wrap:anywhere; }
body.site-area .site-search-wrap { display:block !important; width:min(1140px,92%) !important; margin:13px auto 0 !important; }
body.site-area .site-search { display:flex !important; width:100% !important; min-width:0 !important; align-items:center !important; }
body.site-area .site-search input { flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
.whatsapp-support { position:fixed; z-index:50; right:20px; bottom:20px; display:flex; align-items:center; gap:10px; padding:11px 16px 11px 12px; border-radius:999px; background:#128c52; color:#fff !important; box-shadow:0 8px 28px #0006; border:1px solid #4bd18c; }
.whatsapp-support:hover { background:#0e7544; color:#fff !important; transform:translateY(-1px); }
.whatsapp-support .wa-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#ffffff20; font-size:22px; font-weight:800; }
.whatsapp-support b,.whatsapp-support small { display:block; line-height:1.25; }
.whatsapp-support b { font-size:12px; } .whatsapp-support small { font-size:10px; opacity:.85; }
@media(max-width:1000px) { body.site-area .account-layout { grid-template-columns:190px minmax(0,1fr) !important; gap:16px !important; } body.site-area .account-main .stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } body.site-area .account-quicklinks { grid-template-columns:1fr !important; } }
@media(max-width:760px) { body.site-area .account-layout { grid-template-columns:minmax(0,1fr) !important; gap:14px !important; } body.site-area .account-sidebar { position:static !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; } body.site-area .account-sidebar .sidebar-title { grid-column:1/-1; } }
@media(max-width:520px) { .whatsapp-support { right:12px; bottom:12px; padding:9px 12px 9px 9px; } .whatsapp-support .wa-icon { width:30px; height:30px; } }


/* Professional multi-column public footer */
.site-footer{margin-top:76px;background:#05080d;border-top:1px solid #1b2632;color:#a7b4c6}
.site-footer-inner{width:min(1140px,92%);margin:0 auto;padding:48px 0 42px;display:grid;grid-template-columns:minmax(240px,1.7fr) repeat(4,minmax(105px,1fr));gap:34px}
.footer-brand{display:flex;align-items:center;gap:12px;color:#fff!important}
.footer-logo{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:linear-gradient(135deg,#70a8ff,#5de2d5);color:#07111d;font-weight:900;font-size:21px}
.footer-brand strong{display:block;font-size:18px;line-height:1.25}
.footer-brand small{display:block;margin-top:4px;color:#8394aa;font-size:9px;letter-spacing:.16em;font-weight:800}
.footer-description{max-width:320px;margin:18px 0;color:#9baabd;font-size:13px;line-height:1.8}
.footer-contact-list{display:grid;gap:10px;margin:18px 0}
.footer-contact-list a{color:#aab7c9;font-size:12px;overflow-wrap:anywhere}
.footer-contact-list a span{display:inline-block;width:22px;color:#5de2a6}
.footer-whatsapp{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#08bf82;color:#04130e!important;font-size:12px;font-weight:800}
.footer-whatsapp:hover{background:#24d99c;color:#04130e!important}
.footer-links-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.footer-links-column h3{margin:4px 0 8px;color:#f3f7ff;font-size:13px;font-weight:800}
.footer-links-column a{color:#9baabd;font-size:12px;line-height:1.5}
.footer-links-column a:hover,.footer-contact-list a:hover{color:#5de2a6}
.site-footer-bottom{width:min(1140px,92%);margin:0 auto;border-top:1px solid #18222d;padding:20px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#8392a6}
.admin-footer{margin-top:48px;padding:20px 4%;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11px}
@media(max-width:1000px){.site-footer-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.footer-brand-column{grid-column:1/-1}.footer-description{max-width:560px}}
@media(max-width:650px){.site-footer{margin-top:48px}.site-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding:34px 0;gap:28px 20px}.footer-brand-column{grid-column:1/-1}.site-footer-bottom{align-items:flex-start;flex-direction:column}.footer-links-column a{font-size:12px}}


/* VPSSetu dashboard refresh: clean navigation and compact service rows */
body.site-area .topbar nav { gap:15px; }
body.site-area .account-sidebar { align-self:start; }
body.site-area .account-sidebar a { transition:background .18s ease,border-color .18s ease; border:1px solid transparent; border-radius:10px; }
body.site-area .account-sidebar a:hover,body.site-area .account-sidebar a.active { background:#203654; border-color:#2b4566; }
body.site-area .account-main .stat-link { display:flex; flex-direction:column; align-items:flex-start; min-width:0; text-decoration:none; color:var(--text); padding:16px; transition:transform .18s,border-color .18s; }
body.site-area .account-main .stat-link:hover { transform:translateY(-2px); border-color:var(--cyan); color:#fff; }
body.site-area .account-main .stat-link b { font-size:25px; line-height:1.2; }
body.site-area .account-main .stat-link span { margin-top:7px; color:#b8c9e4; font-size:12px; }
body.site-area .account-main .stat-link small { margin-top:9px; color:var(--cyan); font-size:11px; }
.account-shortcuts { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; padding:13px 16px; margin:18px 0 28px; background:#0c1525; border:1px solid var(--line); border-radius:13px; font-size:12px; }
.account-shortcuts > span { color:var(--muted); font-weight:700; margin-right:5px; }
.account-shortcuts a { font-weight:800; }
.active-proxy-list { display:grid; gap:9px; }
.active-proxy-row { display:grid; grid-template-columns:minmax(150px,1fr) minmax(210px,1.5fr) auto auto; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:13px; background:linear-gradient(100deg,#132039,#0b1423); }
.active-proxy-main { min-width:0; display:grid; gap:4px; }
.active-proxy-main strong { font-size:13px; }
.active-proxy-main small { color:var(--muted); font-size:10px; overflow-wrap:anywhere; }
.active-proxy-format { display:block; min-width:0; padding:10px; border-radius:8px; border:1px solid #293a54; background:#08111e; color:#dbe9ff; font-size:11px; overflow-wrap:anywhere; }
.provision-wait { position:sticky; top:75px; z-index:10; display:flex; align-items:center; gap:15px; margin:18px 0; padding:17px 20px; border:1px solid #3a8f7c; border-radius:14px; background:linear-gradient(110deg,#10372f,#10283b); box-shadow:0 12px 36px #0005; color:#e6fff6; }
.provision-wait strong { display:block; font-size:15px; }
.provision-wait p { margin:5px 0; font-size:12px; color:#c6eee3; }
.provision-wait small { font-size:11px; color:#8fe9d3; }
.wait-spinner { flex:0 0 32px; width:32px; height:32px; border:3px solid #ffffff35; border-top-color:#6cebd2; border-radius:50%; animation:vpsspin .9s linear infinite; }
@keyframes vpsspin { to { transform:rotate(360deg); } }
.hero-carousel { position:relative; min-height:405px; overflow:hidden; border:1px solid #2c4665; border-radius:24px; isolation:isolate; background:#07101d; box-shadow:0 24px 65px #0005; }
.hero-slide { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding:30px 30px 65px; opacity:0; visibility:hidden; transform:scale(1.035); transition:opacity .7s ease,transform 1.3s ease,visibility .7s; background-image:linear-gradient(180deg,#06101a08 0%,#06101a55 35%,#06101af2 100%),var(--slide-image); background-size:cover; background-position:center; }
.hero-slide.active { opacity:1; visibility:visible; transform:scale(1); }
.hero-slide h2 { max-width:450px; margin:9px 0; font-size:clamp(25px,3vw,37px); line-height:1.08; letter-spacing:-.035em; text-shadow:0 3px 18px #0009; }
.hero-slide p { max-width:430px; margin:4px 0 17px; color:#d1deef; font-size:13px; }
.hero-carousel-controls { position:absolute; z-index:2; left:20px; right:20px; bottom:16px; display:flex; align-items:center; justify-content:space-between; }
.hero-prev,.hero-next { display:grid; place-items:center; width:34px; height:34px; border:1px solid #ffffff45; border-radius:50%; background:#081321b8; color:#fff; font-size:24px; cursor:pointer; }
.hero-dots { display:flex; align-items:center; gap:8px; }
.hero-dots button { width:7px; height:7px; padding:0; border:0; border-radius:99px; background:#ffffff66; cursor:pointer; }
.hero-dots button.active { width:23px; background:var(--cyan); }
.api-health-panel { margin:20px 0 24px; padding:22px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,#132039,#0b1422); }
.api-health-panel .section-head { align-items:center; margin-bottom:15px; }
.api-health-panel h2 { margin:0; font-size:22px; }
.api-health-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.api-health-card { padding:15px; border:1px solid #2b3d56; border-radius:13px; background:#091321; min-width:0; }
.api-health-top { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.api-health-top strong { font-size:14px; }
.api-health-card p { color:#b8c6db; font-size:12px; overflow-wrap:anywhere; min-height:55px; }
.api-health-card small { color:var(--muted); font-size:10px; }
.api-health-badge { display:inline-block; padding:4px 7px; border-radius:999px; font-size:9px; font-weight:900; }
.api-health-badge.ok { background:#123c30; color:#8af0c4; }
.api-health-badge.configured { background:#243550; color:#c4d9ff; }
.api-health-badge.error { background:#4a202b; color:#ffc3ce; }
.api-health-badge.not_checked { background:#303442; color:#d6d8e0; }
@media(max-width:1000px) {
 .active-proxy-row { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }
 .active-proxy-row .btn { justify-self:start; }
 .api-health-grid { grid-template-columns:1fr; }
 .api-health-card p { min-height:0; }
}
@media(max-width:650px) {
 .hero { grid-template-columns:1fr; padding-top:35px; }
 .hero-carousel { min-height:350px; }
 .hero-slide { padding:22px 20px 62px; }
 .active-proxy-row { grid-template-columns:1fr; align-items:stretch; }
 .active-proxy-row .btn { width:100%; }
 .account-shortcuts { align-items:flex-start; flex-direction:column; gap:10px; }
 .provision-wait { top:65px; align-items:flex-start; padding:13px; }
}
@media(prefers-reduced-motion:reduce) { .wait-spinner { animation:none; } .hero-slide { transition:none; } }

/* VPSSetu v2 visual refresh: full-bleed rotating homepage hero */
.hero.hero-home-carousel{position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;width:100vw;max-width:100vw;min-height:570px;margin:0 calc(50% - 50vw);padding:72px max(4vw,calc((100vw - 1140px)/2));border-bottom:1px solid #ffffff16;background:#06101d;}
.hero-home-background{position:absolute;z-index:0;inset:0;min-height:100%;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:#06101d;}
.hero-home-background .hero-slide{position:absolute;inset:0;display:block;padding:0;opacity:0;visibility:hidden;transform:scale(1.045);transition:opacity 1s ease,transform 7s ease,visibility 1s;background-image:var(--slide-image);background-size:cover;background-position:center;}
.hero-home-background .hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,20,.95) 0%,rgba(4,10,20,.83) 38%,rgba(4,10,20,.36) 72%,rgba(4,10,20,.48) 100%),linear-gradient(0deg,rgba(4,10,20,.58),transparent 55%);}
.hero-home-background .hero-slide.active{opacity:1;visibility:visible;transform:scale(1);}
.hero-home-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 72% 32%,rgba(24,133,206,.14),transparent 36%);}
.hero-home-copy{position:relative;z-index:1;width:min(720px,100%);padding:16px 0 34px;}
.hero-home-copy h1{max-width:790px;font-size:clamp(40px,5.4vw,72px);line-height:1.02;letter-spacing:-.05em;margin:19px 0 22px;text-wrap:balance;}
.hero-home-copy .lead{max-width:620px;font-size:clamp(15px,1.5vw,18px);color:#d2dced;}
.hero-home-copy .actions{margin:30px 0 23px;gap:12px;}
.hero-home-copy .actions .btn{min-height:46px;padding:13px 19px;box-shadow:0 8px 26px #0003;}
.hero-home-copy .actions .btn.secondary{background:#101d30dc;border-color:#506887;color:#f3f8ff!important;backdrop-filter:blur(8px);}
.hero-trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;color:#c5d4e9;font-size:12px;}
.hero-trust-row span{display:inline-flex;gap:7px;align-items:center;}
.hero-trust-row span::first-letter{color:var(--cyan);}
.hero-home-background .hero-carousel-controls{left:auto;right:max(4vw,calc((100vw - 1140px)/2));bottom:28px;width:150px;z-index:5;}
.hero-home-background .hero-prev,.hero-home-background .hero-next{background:#081321c9;border-color:#ffffff60;backdrop-filter:blur(8px);}
.hero-home-background .hero-dots{gap:7px;}
.hero-home-background .hero-dots button{width:8px;height:8px;}
.hero-home-background .hero-dots button.active{width:25px;}
.secret-input-wrap{display:flex;align-items:stretch;gap:8px;margin-top:6px;}
.secret-input-wrap input{flex:1;min-width:0;margin-top:0;}
.secret-toggle{flex:0 0 76px;border:1px solid #3a5272;border-radius:10px;background:#172943;color:#dceaff;font:700 12px system-ui;cursor:pointer;padding:0 12px;}
.secret-toggle:hover{border-color:var(--cyan);color:#fff;}
.secret-field small{display:block;color:var(--muted);font-size:11px;margin-top:6px;}
.topbar nav a[aria-current="page"]{color:var(--cyan);}
@media(max-width:800px){.hero.hero-home-carousel{min-height:590px;padding:55px 5% 75px;}.hero-home-copy{padding:10px 0 25px}.hero-home-copy h1{font-size:clamp(38px,9vw,56px)}.hero-home-background .hero-carousel-controls{right:5%;bottom:18px}.hero-trust-row{gap:8px 14px}.hero-home-background .hero-slide{background-position:58% center;}}
@media(max-width:480px){.hero.hero-home-carousel{min-height:610px;padding-top:42px;padding-bottom:76px}.hero-home-copy .actions{display:flex;align-items:stretch;flex-direction:column;max-width:280px}.hero-home-copy .actions .btn{width:100%}.hero-trust-row{display:grid;gap:7px}.secret-input-wrap{gap:6px}.secret-toggle{flex-basis:68px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.hero-home-background .hero-slide{transition:none;transform:none}}


/* V4 ACTUAL VISIBLE REDESIGN — separate customer-facing visual system */
:root{--bg:#080b18;--panel:#11172b;--line:#293450;--text:#f4f7ff;--muted:#a4b0ca;--blue:#8c79ff;--cyan:#5ce7d2;--green:#60e4ad}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body.site-area{background:radial-gradient(ellipse at 12% 0%,#24204b 0,transparent 32%),radial-gradient(ellipse at 94% 20%,#103d48 0,transparent 27%),#080b18;color:#f4f7ff}
body.site-area .topbar{min-height:76px;padding:12px max(4%,calc((100vw - 1200px)/2));background:rgba(7,10,22,.94);border-bottom:1px solid #ffffff17;box-shadow:0 10px 35px #0003;backdrop-filter:blur(18px)}
body.site-area .brand{gap:12px;font-size:15px;letter-spacing:-.02em}body.site-area .brand small{display:block;color:#7f91b3;font-size:9px;letter-spacing:.15em;margin-top:4px}
body.site-area .logo{background:linear-gradient(140deg,#a18bff,#56ead5);color:#09111f;border-radius:13px;box-shadow:0 7px 28px #8271ff3d}
body.site-area .topbar nav{gap:8px;align-items:center}body.site-area .topbar nav a{padding:10px 13px;border-radius:10px;color:#b8c3dc;font-weight:700;transition:background .18s,color .18s,border .18s}body.site-area .topbar nav a:hover{background:#1b2340;color:#fff}body.site-area .topbar nav a[href="/dashboard.php"]{border:1px solid #4c4d83;background:linear-gradient(130deg,#282044,#12313b);color:#e7e4ff}body.site-area .topbar nav a.navcta,body.site-area .topbar nav a[href="/register.php"]{background:linear-gradient(110deg,#a18bff,#5ce7d2);color:#08111d!important}
body.site-area .site-search-wrap{margin-top:17px}body.site-area .site-search{border:1px solid #2c3856;background:#10172b;border-radius:14px;box-shadow:0 10px 30px #0002}body.site-area .site-search input{color:#fff}
body.site-area .hero.hero-home-carousel{min-height:640px;margin-top:18px;border:1px solid #29334c;border-radius:24px;width:min(1200px,92%);max-width:1200px;margin-left:auto;margin-right:auto;padding:70px 6%;box-shadow:0 28px 85px #0005}
body.site-area .hero-home-background{border-radius:24px}body.site-area .hero-home-background .hero-slide:after{background:linear-gradient(90deg,rgba(5,8,22,.97) 0%,rgba(5,8,22,.83) 42%,rgba(5,8,22,.25) 100%),linear-gradient(0deg,rgba(5,8,22,.72),transparent 65%)}
body.site-area .hero-home-overlay{background:radial-gradient(ellipse at 78% 35%,#8c79ff35,transparent 32%),radial-gradient(ellipse at 68% 75%,#5ce7d21c,transparent 35%)}body.site-area .hero-home-copy{max-width:760px}body.site-area .hero-home-copy .eyebrow{display:inline-flex;border:1px solid #5ce7d24a;border-radius:30px;padding:8px 12px;background:#0d282e99;color:#72f4df;letter-spacing:.12em;font-size:10px}body.site-area .hero-home-copy h1{font-size:clamp(43px,6vw,76px);line-height:.99;letter-spacing:-.065em}body.site-area .hero-home-copy .grad{background:linear-gradient(100deg,#fff 0%,#b8aaff 48%,#5ce7d2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}body.site-area .hero-home-copy .lead{max-width:590px;line-height:1.8;color:#c4cee3}body.site-area .hero-home-copy .actions .btn{border:0;border-radius:12px;background:linear-gradient(115deg,#a18bff,#5ce7d2);color:#08111d!important;font-weight:850;box-shadow:0 12px 30px #5ce7d222}body.site-area .hero-home-copy .actions .btn.secondary{background:#10172bbd;border:1px solid #ffffff36;color:#f4f7ff!important}body.site-area .hero-trust-row{color:#c1cbe0}
body.site-area .hero-home-background .hero-carousel-controls{bottom:28px;right:30px}body.site-area .hero-home-background .hero-prev,body.site-area .hero-home-background .hero-next{width:38px;height:38px;border-radius:12px;background:#10172bd9;border:1px solid #ffffff45}
.home-value-strip{width:min(1200px,92%);margin:20px auto 55px;padding:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid #293450;border-radius:18px;background:linear-gradient(120deg,#11182c,#0c1725);box-shadow:0 18px 48px #0002}.home-value-item{display:flex;align-items:center;gap:12px;padding:10px;min-width:0}.home-value-item .value-icon{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#292349,#123b43);border:1px solid #ffffff15;color:#70edda;font-size:21px}.home-value-item b,.home-value-item small{display:block}.home-value-item b{font-size:12px;color:#f5f7ff}.home-value-item small{font-size:10px;color:#98a8c4;margin-top:5px;line-height:1.4}
body.site-area .container{width:min(1200px,92%)}body.site-area .section{margin-top:52px}body.site-area .section-head{margin-bottom:22px}body.site-area .section-head h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.04em}body.site-area .section-head .eyebrow{color:#71efdb}body.site-area .card,body.site-area .panel,body.site-area .stat,body.site-area .account-sidebar{background:linear-gradient(145deg,#151d34,#0e1528);border:1px solid #2a3653;border-radius:18px;box-shadow:0 15px 38px #0002}body.site-area .plan{padding:23px;transition:transform .2s,border-color .2s,box-shadow .2s}body.site-area .plan:hover{transform:translateY(-5px);border-color:#8879e6;box-shadow:0 22px 45px #0004}body.site-area .plan.featured{border-color:#5ce7d2;box-shadow:0 0 0 1px #5ce7d21b,0 20px 45px #0003}body.site-area .ram{color:#5ce7d2}body.site-area .price{font-size:30px;letter-spacing:-.04em}body.site-area .plan .btn,body.site-area .btn{border-radius:11px;background:linear-gradient(110deg,#a18bff,#5ce7d2);color:#08111d!important;font-weight:850;box-shadow:0 8px 22px #5ce7d21b}body.site-area .btn.secondary{background:#19223b;border:1px solid #354361;color:#f4f7ff!important;box-shadow:none}body.site-area .specs li{border-bottom-color:#ffffff10}body.site-area .badge{background:#1c3040;border:1px solid #315b62;color:#79f0dc}
body.site-area .account-layout.dashboard-redesign{grid-template-columns:244px minmax(0,1fr);gap:24px;align-items:start;margin-top:28px}body.site-area .account-sidebar{position:sticky;top:94px;padding:14px;gap:5px}body.site-area .sidebar-brand{display:flex;align-items:center;gap:10px;padding:10px 9px 18px;margin-bottom:6px;border-bottom:1px solid #ffffff14}.sidebar-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#a18bff,#5ce7d2);color:#08111d;font-weight:950;font-size:20px}.sidebar-brand b,.sidebar-brand small{display:block}.sidebar-brand b{font-size:14px;color:#fff}.sidebar-brand small{font-size:8px;letter-spacing:.15em;color:#7f91b3;margin-top:4px}body.site-area .account-sidebar .sidebar-title{padding:7px 10px;color:#7889a9;font-size:9px;letter-spacing:.15em;font-weight:900}body.site-area .account-sidebar a{padding:12px 13px;border-radius:11px;color:#aab8d2;border:1px solid transparent;font-weight:700;font-size:12px}body.site-area .account-sidebar a.active{background:linear-gradient(100deg,#292246,#12333b);border-color:#494b79;color:#fff}body.site-area .account-sidebar a:hover{background:#1b2540;color:#fff}body.site-area .account-sidebar a.sidebar-new{margin-top:5px;background:#17243a;border-color:#344563;color:#75eada}body.site-area .account-sidebar a.sidebar-new:hover{background:#21364a}
body.site-area .dashboard-welcome-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:10px;min-height:285px;overflow:hidden;padding:28px 30px;margin-bottom:22px;border:1px solid #383b69;border-radius:22px;background:radial-gradient(ellipse at 80% 35%,#51408b88,transparent 40%),linear-gradient(120deg,#171c39,#102e39);box-shadow:0 22px 55px #0003}.welcome-copy{position:relative;z-index:2;align-self:center}.welcome-kicker{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.16em;color:#79f0df;font-weight:900}.welcome-kicker i,.chip-online i{width:7px;height:7px;border-radius:50%;background:#62e9b3;box-shadow:0 0 12px #62e9b3;display:inline-block}.welcome-copy h2{margin:13px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.04;letter-spacing:-.055em}.welcome-copy h2 em{font-style:normal;background:linear-gradient(90deg,#b9aaff,#62e9d8);background-clip:text;color:transparent}.welcome-copy p{max-width:430px;color:#b0bdd6;font-size:12px;line-height:1.8}.welcome-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.welcome-actions .btn{padding:11px 14px;font-size:11px}.welcome-visual{position:relative;min-height:220px;display:grid;place-items:center}.orbit{position:absolute;width:205px;height:205px;border:1px solid #9e8aff35;border-radius:50%;transform:rotate(-24deg) scaleY(.6)}.orbit-two{width:250px;height:250px;border-color:#5ce7d225;transform:rotate(35deg) scaleY(.55)}.server-illustration{position:relative;width:112px;height:145px;border:1px solid #8d8de9;border-radius:18px;background:linear-gradient(145deg,#272b54,#111a32);box-shadow:0 18px 48px #0007,0 0 45px #7e73ff22;display:flex;flex-direction:column;justify-content:flex-start;gap:11px;padding:17px}.server-illustration span{height:19px;border-radius:6px;border:1px solid #ffffff18;background:linear-gradient(90deg,#1b2e43,#1a203e);position:relative}.server-illustration span:after{content:"";position:absolute;right:8px;top:6px;width:6px;height:6px;border-radius:50%;background:#5ce7d2;box-shadow:0 0 10px #5ce7d2}.server-illustration b{position:absolute;bottom:-15px;right:-13px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#a18bff,#5ce7d2);color:#08111d;font-size:21px;box-shadow:0 8px 22px #0005}.floating-chip{position:absolute;z-index:2;padding:9px 11px;border:1px solid #ffffff25;border-radius:10px;background:#0b1325d9;box-shadow:0 10px 25px #0003;font-size:9px;font-weight:800;color:#dce6fa;backdrop-filter:blur(10px)}.chip-online{top:27px;right:0}.chip-secure{bottom:28px;left:0;color:#91eada}
body.site-area .dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 17px}body.site-area .dashboard-stats .stat{padding:17px;min-height:118px;display:flex;flex-direction:column;justify-content:center;transition:transform .18s,border-color .18s}body.site-area .dashboard-stats .stat:hover{transform:translateY(-3px);border-color:#6a7bb3}body.site-area .dashboard-stats .stat b{font-size:30px;letter-spacing:-.05em;color:#fff}body.site-area .dashboard-stats .stat span{font-size:11px;color:#a8b6d1}body.site-area .dashboard-stats .stat small{font-size:9px;color:#6de8d6;margin-top:9px}body.site-area .account-shortcuts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 15px;border:1px solid #293651;border-radius:15px;background:#10182a}body.site-area .account-shortcuts>span{color:#7f91b3;font-size:10px;font-weight:900;letter-spacing:.08em;margin-right:auto}body.site-area .account-shortcuts a{font-size:11px;font-weight:800;color:#c4d0e8;padding:9px 11px;border-radius:9px;background:#1a2440;border:1px solid #2e3e5f}body.site-area .account-shortcuts a:hover{color:#65edda;border-color:#4d7d83}body.site-area .account-main .section{margin-top:30px;padding-top:0}body.site-area .account-main .section-head{margin-bottom:13px}body.site-area .account-main .section-head h2{font-size:21px;letter-spacing:-.03em}body.site-area .account-main .table-wrap{border:1px solid #2b3653;border-radius:13px;background:#10172b}body.site-area .account-main table{background:transparent}body.site-area .account-main th{background:#19223a;color:#aebbd4}body.site-area .account-main td,body.site-area .account-main th{border-bottom-color:#ffffff10}body.site-area .account-main tr:hover td{background:#17213a}body.site-area .account-main input,body.site-area .account-main select,body.site-area .account-main textarea{background:#0b1121;border-color:#34415f;color:#fff}
body.site-area .plan-quick-view{background:#11182b;color:#f4f7ff;border-color:#3d4b6c;border-radius:22px}body.site-area .plan-quick-view .quick-spec{background:#0b1325;border-color:#2c3a59;border-radius:12px}body.site-area .plan-quick-view .quick-price{color:#5ce7d2}
@media(max-width:1050px){.home-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}body.site-area .account-layout.dashboard-redesign{grid-template-columns:205px minmax(0,1fr);gap:16px}body.site-area .dashboard-welcome-panel{grid-template-columns:1fr .7fr;padding:23px}.welcome-visual{transform:scale(.9)}}
@media(max-width:760px){body.site-area .hero.hero-home-carousel{width:92%;min-height:600px;padding:48px 6%;border-radius:19px}body.site-area .hero-home-background{border-radius:19px}body.site-area .account-layout.dashboard-redesign{grid-template-columns:minmax(0,1fr);gap:14px}body.site-area .account-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}body.site-area .sidebar-brand{grid-column:1/-1}body.site-area .account-sidebar .sidebar-title{grid-column:1/-1}body.site-area .account-sidebar a{font-size:11px;padding:11px 9px}body.site-area .dashboard-welcome-panel{grid-template-columns:minmax(0,1fr);padding:22px;min-height:0}.welcome-visual{position:absolute;right:-20px;bottom:-25px;width:210px;min-height:180px;opacity:.48;transform:scale(.8);pointer-events:none}.welcome-copy{max-width:85%}body.site-area .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-value-strip{margin-bottom:35px}}
@media(max-width:480px){body.site-area .topbar{align-items:flex-start;gap:10px;padding:11px 4%}body.site-area .topbar nav{justify-content:flex-end;gap:3px;flex-wrap:wrap}body.site-area .topbar nav a{font-size:10px;padding:8px 8px}body.site-area .brand{font-size:12px}body.site-area .brand small{font-size:7px}body.site-area .hero-home-copy h1{font-size:42px}body.site-area .hero-home-copy .actions{max-width:240px}body.site-area .hero-trust-row{font-size:10px}.home-value-strip{padding:10px;gap:5px}.home-value-item{padding:7px;gap:8px}.home-value-item .value-icon{flex-basis:34px;height:34px;font-size:16px}.home-value-item b{font-size:10px}.home-value-item small{font-size:9px}body.site-area .dashboard-welcome-panel{padding:19px}body.site-area .welcome-copy{max-width:100%}.welcome-copy h2{font-size:31px}.welcome-copy p{max-width:280px}.welcome-visual{opacity:.2}body.site-area .dashboard-stats .stat{padding:13px;min-height:102px}body.site-area .dashboard-stats .stat b{font-size:25px}body.site-area .account-shortcuts{gap:7px}body.site-area .account-shortcuts>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.site-area .plan,body.site-area .dashboard-stats .stat{transition:none}}
/* VPS plan details modal — visible secondary action on every public plan card */
body.site-area .plan-details-trigger{display:block;width:100%;margin-top:9px;padding:11px 13px;border:1px solid #384666;border-radius:11px;background:#151f36;color:#c9d7f0;font-size:11px;font-weight:850;cursor:pointer;transition:border-color .18s,color .18s,background .18s}
body.site-area .plan-details-trigger:hover{border-color:#5ce7d2;color:#5ce7d2;background:#172b37}
body.site-area .plan-quick-view{width:min(570px,calc(100% - 24px));max-height:88vh;overflow:auto;padding:0;border:1px solid #435174;border-radius:22px;background:#11182b;color:#f4f7ff;box-shadow:0 30px 100px #000b}
body.site-area .plan-quick-view::backdrop{background:#030611c9;backdrop-filter:blur(7px)}
body.site-area .plan-quick-view-inner{padding:26px}body.site-area .plan-quick-view h2{font-size:28px;letter-spacing:-.04em;margin:8px 0}body.site-area .plan-quick-view .quick-price{font-size:30px;font-weight:950;color:#5ce7d2;margin:14px 0}body.site-area .plan-quick-view .quick-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}body.site-area .plan-quick-view .quick-spec{padding:13px;border:1px solid #2c3a59;border-radius:12px;background:#0b1325}body.site-area .plan-quick-view .quick-spec span{display:block;font-size:10px;color:#93a5c4}body.site-area .plan-quick-view .quick-spec b{display:block;margin-top:5px;font-size:12px;color:#f3f7ff}body.site-area .plan-quick-view .notice-box{padding:12px;border-radius:11px;background:#16273a;color:#b8cbe1;font-size:11px;line-height:1.6}body.site-area .plan-quick-view .quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:480px){body.site-area .plan-quick-view-inner{padding:18px}body.site-area .plan-quick-view .quick-specs{gap:7px}body.site-area .plan-quick-view .quick-spec{padding:10px}}

/* Premium white and ruby-red theme */
body.site-area,body.admin-area{background:linear-gradient(135deg,#fff8f8,#fff 52%,#fff0f2)!important;color:#24151a!important}.topbar{background:#fff!important;border-bottom:1px solid #f0d5da!important}.topbar a,.brand,.topbar nav a{color:#342027!important}.logo,.smalllogo,.sidebar-brand-mark{background:linear-gradient(135deg,#c8102e,#ff7588)!important;color:#fff!important}.hero,.hero-home-carousel,.dashboard-welcome-panel,.admin-hero{border-color:#efc5cd!important;background:linear-gradient(120deg,#fff,#fff0f2)!important}.card,.stat,.admin-stat,.sales-card,.account-sidebar,.admin-sidebar,.active-proxy-row{background:#fff!important;border:1px solid #efd5da!important;box-shadow:0 10px 28px #6210230d}.btn,.navcta{background:linear-gradient(135deg,#b90e2b,#f0445e)!important;color:#fff!important;border-color:#c8102e!important}.btn.secondary{background:#fff!important;color:#b90e2b!important;border-color:#e8aab5!important}a{color:#b90e2b}.account-sidebar a.active,.admin-sidebar a.active{background:#fff0f2!important;color:#b90e2b!important}.admin-stats-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}.section-more{display:flex;justify-content:center;margin:22px 0}.home-proxy-plans{margin-top:32px}@media(max-width:1000px){.admin-stats-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.admin-stats-five{grid-template-columns:1fr!important}}


/* ACCESSIBILITY HOTFIX V6: enforce readable contrast on every page/table/control */
:root{color-scheme:light}
body.site-area,body.admin-area{color:#24151a!important}
body.site-area p,body.admin-area p,
body.site-area label,body.admin-area label,
body.site-area li,body.admin-area li,
body.site-area td,body.admin-area td,
body.site-area .muted,body.admin-area .muted,
body.site-area .small,body.admin-area .small,
body.site-area .section-head p,body.admin-area .admin-section-head p{color:#59464c}
body.site-area h1,body.site-area h2,body.site-area h3,body.site-area h4,
body.admin-area h1,body.admin-area h2,body.admin-area h3,body.admin-area h4{color:#24151a}
body.site-area .topbar nav a[aria-current="page"],
body.site-area .topbar nav a.active{color:#fff!important;background:#b90e2b!important}
body.site-area .topbar nav a:hover,body.admin-area .topbar nav a:hover{color:#b90e2b!important}
body.site-area .btn,body.admin-area .btn,
body.site-area button,body.admin-area button,
body.site-area .navcta,body.admin-area .navcta{color:#fff!important}
body.site-area .btn.secondary,body.admin-area .btn.secondary,
body.site-area a.btn.secondary,body.admin-area a.btn.secondary{background:#fff!important;color:#a10d27!important;border:1px solid #d98b99!important}
body.site-area .account-sidebar a,body.admin-area .admin-sidebar a{color:#59464c!important}
body.site-area .account-sidebar a.active,body.admin-area .admin-sidebar a.active{background:#ffedf0!important;color:#a10d27!important}
body.site-area .account-sidebar .sidebar-title,body.admin-area .admin-sidebar-title{color:#78636a!important}

/* Tables: use white rows and dark readable text instead of dark rows with dark text */
body.site-area .table-wrap,body.admin-area .table-wrap,
body.site-area .account-main .table-wrap,body.admin-area .admin-table{
 background:#fff!important;border:1px solid #efcbd2!important;border-radius:14px!important;overflow-x:auto
}
body.site-area table,body.admin-area table,
body.site-area .account-main table,body.admin-area .admin-table table{
 width:100%;background:#fff!important;color:#302128!important;border-collapse:separate;border-spacing:0
}
body.site-area thead th,body.admin-area thead th,
body.site-area .account-main th,body.admin-area .admin-table th{
 background:#fff0f2!important;color:#8f1028!important;font-weight:850!important;border-bottom:1px solid #edcbd2!important
}
body.site-area tbody tr,body.admin-area tbody tr{background:#fff!important}
body.site-area tbody td,body.admin-area tbody td,
body.site-area .account-main td,body.admin-area .admin-table td{
 background:#fff!important;color:#302128!important;border-bottom:1px solid #f3e3e6!important
}
body.site-area tbody tr:hover td,body.admin-area tbody tr:hover td{background:#fff8f9!important}
body.site-area td b,body.admin-area td b{color:#302128!important}
body.site-area td .small,body.admin-area td .small,
body.site-area td small,body.admin-area td small{color:#75636a!important}
body.site-area td a,body.admin-area td a{color:#a10d27!important;text-decoration:underline;text-underline-offset:2px}
body.site-area .table-wrap .btn,body.admin-area .table-wrap .btn,
body.site-area table .btn,body.admin-area table .btn{color:#fff!important;background:#b90e2b!important;border-color:#b90e2b!important}
body.site-area .table-wrap .btn.secondary,body.admin-area .table-wrap .btn.secondary,
body.site-area table .btn.secondary,body.admin-area table .btn.secondary{color:#a10d27!important;background:#fff!important}

/* Status pills and data labels */
body.site-area .badge,body.admin-area .badge,
body.site-area .status,body.admin-area .status,
body.site-area .pill,body.admin-area .pill{font-weight:800}
body.site-area .status-pending,body.admin-area .status-pending{color:#8a4b00!important;background:#fff3d6!important}
body.site-area .status-active,body.admin-area .status-active{color:#126b42!important;background:#e3f8ed!important}
body.site-area .status-paid,body.admin-area .status-paid{color:#126b42!important;background:#e3f8ed!important}
body.site-area .status-failed,body.admin-area .status-failed{color:#a10d27!important;background:#ffedf0!important}

/* Cards, search fields and popup text stay high contrast */
body.site-area .card,body.admin-area .card,
body.site-area .stat,body.admin-area .stat,
body.site-area .admin-stat,body.admin-area .admin-stat,
body.site-area .sales-card,body.admin-area .sales-card{color:#302128!important}
body.site-area .stat span,body.admin-area .admin-stat span,
body.site-area .stat small,body.admin-area .admin-stat small,
body.site-area .sales-card span,body.admin-area .sales-card span,
body.site-area .sales-card small,body.admin-area .sales-card small{color:#66535a!important}
body.site-area .stat b,body.admin-area .admin-stat b,
body.site-area .sales-card b{color:#a10d27!important}
body.site-area input,body.site-area select,body.site-area textarea,
body.admin-area input,body.admin-area select,body.admin-area textarea{
 background:#fff!important;color:#302128!important;border:1px solid #dcbfc6!important
}
body.site-area input::placeholder,body.admin-area input::placeholder{color:#89767c!important;opacity:1}
body.site-area .plan-quick-view{background:#fff!important;color:#302128!important;border-color:#efcbd2!important}
body.site-area .plan-quick-view h2,body.site-area .plan-quick-view h3,
body.site-area .plan-quick-view .quick-spec b{color:#302128!important}
body.site-area .plan-quick-view .quick-spec{background:#fff7f8!important;border-color:#efcbd2!important}
body.site-area .plan-quick-view .quick-spec span,
body.site-area .plan-quick-view .notice-box{color:#59464c!important}
body.site-area .plan-quick-view .quick-price{color:#a10d27!important}
@media(max-width:760px){
 body.site-area .table-wrap,body.admin-area .table-wrap{max-width:100%}
 body.site-area table,body.admin-area table{min-width:680px}
 body.site-area .account-main .table-wrap,body.admin-area .admin-table{overflow-x:auto}
}


/* VPSSetu professional UI repair V7 — consistent readable contrast */
:root{color-scheme:light}
html{background:#fff8f9}
body.site-area,body.admin-area{background:#fff8f9!important;color:#302128!important}
body.site-area :is(p,li,label,dt,dd,td,th,small,.muted,.small),
body.admin-area :is(p,li,label,dt,dd,td,th,small,.muted,.small){text-shadow:none}
body.site-area h1,body.site-area h2,body.site-area h3,body.site-area h4,
body.admin-area h1,body.admin-area h2,body.admin-area h3,body.admin-area h4{color:#26171d}
body.site-area p,body.admin-area p,
body.site-area label,body.admin-area label,
body.site-area .muted,body.admin-area .muted,
body.site-area .small,body.admin-area .small{color:#5d4a51}

/* Homepage carousel: heading contrast against the photographic background */
body.site-area .hero-home-carousel{background-color:#080d1b!important}
body.site-area .hero-home-copy h1{color:#fff!important;text-shadow:0 2px 20px #0008}
body.site-area .hero-home-copy h1 span,
body.site-area .hero-home-copy h1 em{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
body.site-area .hero-home-copy h1 .grad,
body.site-area .hero-home-copy .grad{background:linear-gradient(90deg,#fff,#ff9eaf)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
body.site-area .hero-home-copy p,body.site-area .hero-home-copy .hero-trust-row{color:#edf2ff!important}
body.site-area .hero-home-copy .btn.secondary{background:#fff!important;color:#a10d27!important;border-color:#fff!important}
body.site-area .hero-home-copy .btn:not(.secondary){color:#fff!important}

/* Sidebar actions had dark backgrounds and dark text */
body.site-area .account-sidebar a.sidebar-new{background:#b90e2b!important;color:#fff!important;border-color:#b90e2b!important}
body.site-area .account-sidebar a.sidebar-new:hover{background:#970b22!important;color:#fff!important}
body.site-area .account-sidebar a:not(.sidebar-new){color:#59464c!important}
body.site-area .account-sidebar a.active{color:#a10d27!important}
body.site-area .topbar nav a[aria-current="page"]{background:#b90e2b!important;color:#fff!important}
body.site-area .topbar nav a{color:#342027!important}

/* All admin forms and API status panels: no dark-on-dark text */
body.admin-area .admin-content .auth-card,
body.admin-area .admin-content .api-health-panel,
body.admin-area .admin-content .api-health-card,
body.admin-area .admin-content .notice-box,
body.admin-area .admin-content .table-wrap{
 background:#fff!important;color:#302128!important;border-color:#efd0d6!important;box-shadow:0 10px 28px #6210230b
}
body.admin-area .admin-content .auth-card *,
body.admin-area .admin-content .api-health-panel *,
body.admin-area .admin-content .api-health-card *,
body.admin-area .admin-content .notice-box *{color:#59464c}
body.admin-area .admin-content .auth-card h1,
body.admin-area .admin-content .auth-card h2,
body.admin-area .admin-content .auth-card h3,
body.admin-area .admin-content .api-health-panel h1,
body.admin-area .admin-content .api-health-panel h2,
body.admin-area .admin-content .api-health-panel h3,
body.admin-area .admin-content .api-health-card h2,
body.admin-area .admin-content .api-health-card h3{color:#302128!important}
body.admin-area .admin-content .api-health-badge{color:#126b42!important;background:#e3f8ed!important}
body.admin-area .admin-content .api-health-card .small,
body.admin-area .admin-content .api-health-panel .small{color:#655159!important}
body.admin-area .admin-content .field label{color:#655159!important}
body.admin-area .admin-content .field input,
body.admin-area .admin-content .field select,
body.admin-area .admin-content .field textarea{background:#fff!important;color:#302128!important;border:1px solid #dcbfc6!important}
body.admin-area .admin-content .btn{background:#b90e2b!important;color:#fff!important;border-color:#b90e2b!important}
body.admin-area .admin-content .btn.secondary{background:#fff!important;color:#a10d27!important;border-color:#d98b99!important}
body.admin-area .admin-nav a{background:#19263e!important;color:#fff!important}
body.admin-area .admin-nav a:hover{background:#b90e2b!important;color:#fff!important}

/* Proxy details and checkout: credential values must be readable, too */
body.site-area .specs span{color:#6b555d!important}
body.site-area .specs b{color:#302128!important}
body.site-area .card .specs b{color:#302128!important}
body.site-area .proxy-credentials,
body.site-area .proxy-credentials *{color:#302128}
body.site-area .proxy-credentials .value,
body.site-area .credential-value,
body.site-area .service-detail-value{color:#302128!important}
body.site-area .provision-wait{background:#fff0f2!important;color:#59464c!important;border:1px solid #efcbd2!important}
body.site-area .provision-wait *{color:#59464c!important}

/* Tables have matching white body rows, readable headings and actions */
body.site-area .table-wrap,body.admin-area .table-wrap{background:#fff!important}
body.site-area table,body.admin-area table{background:#fff!important;color:#302128!important}
body.site-area thead th,body.admin-area thead th{background:#fff0f2!important;color:#8f1028!important}
body.site-area tbody td,body.admin-area tbody td{background:#fff!important;color:#302128!important}
body.site-area tbody td a,body.admin-area tbody td a{color:#a10d27!important}
body.site-area table button,body.admin-area table button{background:#b90e2b!important;color:#fff!important}

/* Avoid washed-out text in buttons across cards, orders and checkout */
body.site-area button,body.admin-area button{font-weight:750}
body.site-area .btn,body.admin-area .btn{color:#fff!important}
body.site-area .btn.secondary,body.admin-area .btn.secondary{color:#a10d27!important;background:#fff!important}
body.site-area .btn:disabled,body.admin-area .btn:disabled{color:#75636a!important;background:#f1e8ea!important;border-color:#e1d2d6!important}
body.site-area .status,body.admin-area .status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-weight:800}
@media(max-width:760px){
 body.site-area .hero-home-copy h1{font-size:clamp(34px,9vw,52px)}
 body.admin-area .api-health-grid{grid-template-columns:minmax(0,1fr)!important}
 body.admin-area .api-health-card{min-width:0}
}


/* V8 FINAL GLOBAL FIX: light-theme components must not retain legacy navy surfaces */
body.site-area .site-search-wrap{width:min(1140px,92%)!important;margin:14px auto 18px!important}
body.site-area .site-search{
 display:flex!important;align-items:center!important;gap:10px!important;
 padding:8px 9px 8px 15px!important;width:100%!important;min-height:62px!important;
 background:#fff!important;border:1px solid #e8c5cc!important;border-radius:15px!important;
 box-shadow:0 10px 30px rgba(85,20,36,.09)!important
}
body.site-area .site-search>span{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 24px;color:#b90e2b!important;font-size:24px!important}
body.site-area .site-search input{
 flex:1 1 auto!important;width:100%!important;min-width:0!important;height:46px!important;
 padding:0 14px!important;margin:0!important;background:#fff!important;color:#302128!important;
 border:1px solid #ead6da!important;border-radius:10px!important;box-shadow:none!important;
 font-size:15px!important;line-height:1.4!important
}
body.site-area .site-search input::placeholder{color:#79666d!important;opacity:1!important}
body.site-area .site-search .btn{flex:0 0 auto!important;min-height:44px!important;padding:0 21px!important;border-radius:10px!important}
@media(max-width:560px){
 body.site-area .site-search-wrap{width:94%!important;margin:10px auto 14px!important}
 body.site-area .site-search{gap:6px!important;padding:6px!important;min-height:54px!important}
 body.site-area .site-search>span{display:none!important}
 body.site-area .site-search input{height:42px!important;padding:0 9px!important;font-size:13px!important}
 body.site-area .site-search .btn{min-height:42px!important;padding:0 12px!important;font-size:12px!important}
}

/* Homepage: constrain content, keep headline legible and prevent washed-out text */
body.site-area .hero.hero-home-carousel{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 width:min(1200px,92%)!important;max-width:1200px!important;min-height:620px!important;
 margin:18px auto 28px!important;padding:64px clamp(24px,5vw,70px) 78px!important;
 border-radius:24px!important;background:#070c19!important;border:1px solid #dcb7c0!important
}
body.site-area .hero-home-background{position:absolute!important;inset:0!important;z-index:-2!important;overflow:hidden!important;border-radius:inherit!important}
body.site-area .hero-home-background .hero-slide{background-size:cover!important;background-position:center!important}
body.site-area .hero-home-background .hero-slide:after{
 content:""!important;position:absolute!important;inset:0!important;
 background:linear-gradient(90deg,rgba(4,8,20,.94) 0%,rgba(4,8,20,.82) 48%,rgba(4,8,20,.28) 100%)!important
}
body.site-area .hero-home-overlay{position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(0deg,rgba(4,8,20,.38),transparent 58%)!important}
body.site-area .hero-home-copy{position:relative!important;z-index:2!important;width:min(720px,100%)!important;padding:12px 0 24px!important}
body.site-area .hero-home-copy h1{color:#fff!important;font-size:clamp(42px,5.4vw,72px)!important;line-height:1.04!important;letter-spacing:-.055em!important;text-shadow:0 3px 22px rgba(0,0,0,.35)!important;margin:20px 0!important}
body.site-area .hero-home-copy h1:not(.grad){-webkit-text-fill-color:initial!important}
body.site-area .hero-home-copy h1 .grad,
body.site-area .hero-home-copy h1 span.grad{
 background:linear-gradient(100deg,#fff 0%,#ffd5df 48%,#ff718a 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;color:transparent!important
}
body.site-area .hero-home-copy p,
body.site-area .hero-home-copy .lead{color:#f1f4fb!important;max-width:640px!important;font-size:clamp(15px,1.35vw,18px)!important;line-height:1.75!important}
body.site-area .hero-home-copy .eyebrow{color:#9ff7e8!important;background:rgba(9,38,43,.8)!important;border-color:#3a9188!important}
body.site-area .hero-home-copy .actions{display:flex!important;flex-wrap:wrap!important;gap:11px!important;margin:26px 0 22px!important}
body.site-area .hero-home-copy .actions .btn:not(.secondary){background:linear-gradient(120deg,#b90e2b,#f0445e)!important;color:#fff!important}
body.site-area .hero-home-copy .actions .btn.secondary{background:#fff!important;color:#a10d27!important;border:1px solid #fff!important}
body.site-area .hero-home-copy .hero-trust-row{display:flex!important;flex-wrap:wrap!important;gap:10px 18px!important;color:#f1f4fb!important;font-size:12px!important}
body.site-area .hero-carousel-controls{z-index:5!important}
@media(max-width:760px){
 body.site-area .hero.hero-home-carousel{width:94%!important;min-height:590px!important;padding:38px 22px 76px!important;border-radius:18px!important}
 body.site-area .hero-home-copy h1{font-size:clamp(36px,9vw,54px)!important}
 body.site-area .hero-home-copy .actions{flex-direction:column!important;align-items:stretch!important;max-width:300px!important}
 body.site-area .hero-home-copy .actions .btn{width:100%!important}
 body.site-area .hero-home-copy .hero-trust-row{display:grid!important;gap:8px!important}
}

/* Admin settings, plans and API health: remove leftover dark card backgrounds and dark text */
body.admin-area .auth-card,
body.admin-area .api-health-panel,
body.admin-area .api-health-card,
body.admin-area .api-health-grid,
body.admin-area .notice-box,
body.admin-area .admin-form,
body.admin-area form.auth-card{
 background:#fff!important;color:#302128!important;border-color:#efd0d6!important;
 box-shadow:0 12px 32px rgba(85,20,36,.07)!important
}
body.admin-area .auth-card h1,body.admin-area .auth-card h2,body.admin-area .auth-card h3,
body.admin-area .api-health-panel h1,body.admin-area .api-health-panel h2,body.admin-area .api-health-panel h3,
body.admin-area .api-health-card h1,body.admin-area .api-health-card h2,body.admin-area .api-health-card h3,
body.admin-area .page-head h1,body.admin-area .page-head h2{color:#302128!important}
body.admin-area .auth-card p,body.admin-area .auth-card label,body.admin-area .auth-card small,
body.admin-area .api-health-panel p,body.admin-area .api-health-panel small,
body.admin-area .api-health-card p,body.admin-area .api-health-card small,
body.admin-area .field label{color:#665159!important}
body.admin-area .api-health-card{border:1px solid #efd0d6!important;background:#fff!important}
body.admin-area .api-health-card .api-health-badge{color:#126b42!important;background:#e3f8ed!important}
body.admin-area .admin-nav{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.admin-area .admin-nav a{background:#19263e!important;color:#fff!important;border:1px solid #19263e!important}
body.admin-area .admin-nav a:hover{background:#b90e2b!important;color:#fff!important}
body.admin-area .auth-card input,body.admin-area .auth-card select,body.admin-area .auth-card textarea,
body.admin-area .field input,body.admin-area .field select,body.admin-area .field textarea{
 width:100%;max-width:100%;background:#fff!important;color:#302128!important;border:1px solid #dcbfc6!important;border-radius:10px!important
}
body.admin-area .auth-card .btn,body.admin-area .api-health-panel .btn{background:#b90e2b!important;color:#fff!important}
body.admin-area .table-wrap{overflow-x:auto!important}
body.admin-area .page-head p{color:#665159!important}

/* Proxy service detail values: force readable dark text with sufficient specificity */
body.site-area .grid2 .card .specs li span{color:#6b555d!important}
body.site-area .grid2 .card .specs li b{color:#302128!important;font-weight:800!important}
body.site-area .grid2 .card .specs li{border-color:#efdee2!important}
body.site-area .grid2 .card h2{color:#302128!important}
body.site-area .grid2 .card .notice{background:#fff3f5!important;color:#59464c!important;border:1px solid #efcbd2!important}
body.site-area .grid2 .card .notice *{color:#59464c!important}


/* V9: Homepage slideshow aligned with the white/ruby-red site theme */
body.site-area .hero.hero-home-carousel{
 display:block!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;
 background:#fff!important;border:1px solid #edc7cf!important;
 box-shadow:0 20px 55px rgba(82,15,32,.13)!important
}
body.site-area .hero-home-carousel .hero-home-background{
 display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 z-index:0!important;overflow:hidden!important;border-radius:inherit!important;background:#fff!important
}
body.site-area .hero-home-carousel .hero-home-background .hero-slide{
 display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(1.025)!important;
 background-image:var(--slide-image)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
 transition:opacity .85s ease,transform 6s ease,visibility .85s ease!important
}
body.site-area .hero-home-carousel .hero-home-background .hero-slide.active{
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:scale(1)!important;z-index:1!important
}
body.site-area .hero-home-carousel .hero-home-background .hero-slide::after{
 content:""!important;display:block!important;position:absolute!important;inset:0!important;
 background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 46%,rgba(255,255,255,.50) 100%)!important
}
body.site-area .hero-home-carousel .hero-home-overlay{
 display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
 background:linear-gradient(0deg,rgba(255,255,255,.12),transparent 40%)!important
}
body.site-area .hero-home-carousel .hero-home-copy{
 position:relative!important;z-index:2!important;width:min(760px,100%)!important;
 color:#2b1720!important;padding:18px 0 26px!important
}
body.site-area .hero-home-carousel .hero-home-copy .eyebrow{
 color:#a10d27!important;background:#fff0f3!important;border-color:#efb9c4!important
}
body.site-area .hero-home-carousel .hero-home-copy h1{
 color:#2b1720!important;-webkit-text-fill-color:#2b1720!important;
 text-shadow:none!important;font-size:clamp(38px,5vw,68px)!important;line-height:1.04!important;
 letter-spacing:-.055em!important;max-width:900px!important
}
body.site-area .hero-home-carousel .hero-home-copy h1 .grad{
 background:linear-gradient(100deg,#a10d27 0%,#e52b4d 55%,#f4778b 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;color:transparent!important
}
body.site-area .hero-home-carousel .hero-home-copy p,
body.site-area .hero-home-carousel .hero-home-copy .lead{color:#514047!important}
body.site-area .hero-home-carousel .hero-home-copy .hero-trust-row{color:#514047!important}
body.site-area .hero-home-carousel .hero-home-copy .actions .btn.secondary{
 background:#fff!important;color:#a10d27!important;border:1px solid #e8a5b2!important
}
body.site-area .hero-home-carousel .hero-home-copy .actions .btn:not(.secondary){
 background:linear-gradient(120deg,#b90e2b,#f0445e)!important;color:#fff!important
}
body.site-area .hero-home-carousel .hero-carousel-controls{
 position:absolute!important;right:22px!important;bottom:20px!important;z-index:6!important;
 display:flex!important;align-items:center!important;gap:10px!important
}
body.site-area .hero-home-carousel .hero-carousel-controls button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:40px!important;height:40px!important;border-radius:12px!important;
 border:1px solid #e4a9b4!important;background:#fff!important;color:#a10d27!important;
 box-shadow:0 4px 14px rgba(80,10,25,.10)!important;cursor:pointer!important
}
body.site-area .hero-home-carousel .hero-dots{display:flex!important;align-items:center!important;gap:7px!important}
body.site-area .hero-home-carousel .hero-dots button{width:9px!important;height:9px!important;min-width:9px!important;padding:0!important;border-radius:99px!important;background:#d5aab3!important}
body.site-area .hero-home-carousel .hero-dots button.active{width:25px!important;background:#c8102e!important}
@media(max-width:760px){
 body.site-area .hero.hero-home-carousel{min-height:590px!important;padding:35px 22px 78px!important}
 body.site-area .hero-home-carousel .hero-home-background .hero-slide::after{background:rgba(255,255,255,.89)!important}
 body.site-area .hero-home-carousel .hero-home-copy h1{font-size:clamp(35px,8.5vw,52px)!important}
 body.site-area .hero-home-carousel .hero-carousel-controls{right:14px!important;bottom:14px!important}
}
@media(prefers-reduced-motion:reduce){
 body.site-area .hero-home-carousel .hero-slide{transition:none!important;transform:none!important}
}


/* VPSSetu V20: consistent admin navigation and full-width workspace */
body.admin-authenticated main.container{width:auto!important;max-width:none!important;margin:0 24px 0 276px!important;min-height:calc(100vh - 170px);}
body.admin-authenticated .admin-shell{grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:24px 0 42px!important;}
body.admin-authenticated .admin-sidebar-global{position:fixed!important;z-index:8;left:18px;top:96px;bottom:16px;width:236px;min-height:0!important;overflow-y:auto;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important;border:1px solid #efd5da!important;border-radius:18px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 16px 44px #63102112!important;}
.admin-sidebar-global .admin-sidebar-brand{display:flex;align-items:center;gap:10px;padding:7px 7px 14px;border-bottom:1px solid #f2dfe3;color:#302128!important;}
.admin-sidebar-global .admin-sidebar-logo{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#c8102e,#ff7588);color:#fff;font-weight:900;font-size:20px;}
.admin-sidebar-global .admin-sidebar-brand b{display:block;font-size:15px;line-height:1.25;}
.admin-sidebar-global .admin-sidebar-brand small{display:block;font-size:8px;letter-spacing:.12em;color:#907d83;margin-top:3px;}
.admin-sidebar-global .admin-sidebar-group{display:flex;flex-direction:column;gap:3px;}
.admin-sidebar-global .admin-sidebar-title{padding:5px 9px 7px!important;font-size:9px!important;letter-spacing:.14em;color:#9a7d85!important;}
.admin-sidebar-global a:not(.admin-sidebar-brand){display:flex;align-items:center;gap:10px;min-height:37px;padding:9px 10px!important;border-radius:10px;border:1px solid transparent!important;color:#59464c!important;font-size:12px!important;font-weight:650;line-height:1.3;}
.admin-sidebar-global .admin-sidebar-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:7px;background:#fff0f2;color:#b90e2b;font-size:13px;}
.admin-sidebar-global a:not(.admin-sidebar-brand):hover,.admin-sidebar-global a:not(.admin-sidebar-brand).active{background:#fff0f2!important;border-color:#f1c8d0!important;color:#a10d27!important;}
.admin-sidebar-global a.active .admin-sidebar-icon{background:#c8102e;color:#fff;}
.admin-sidebar-global .admin-sidebar-footer{margin-top:auto;padding:10px 8px 2px;border-top:1px solid #f2dfe3;color:#8c777e;font-size:10px;display:flex;align-items:center;gap:7px;}
.admin-sidebar-global .admin-status-dot{width:7px;height:7px;border-radius:50%;background:#20a56b;box-shadow:0 0 0 3px #e0f7eb;}
body.admin-authenticated .admin-content,body.admin-authenticated .admin-shell>section{min-width:0;width:100%;}
body.admin-authenticated .admin-nav{display:none!important;}
body.admin-authenticated .topbar nav{gap:12px;}
body.admin-authenticated .footer{margin-left:252px;}
@media(max-width:900px){body.admin-authenticated main.container{margin-left:260px!important;margin-right:16px!important;}body.admin-authenticated .admin-sidebar-global{left:10px;width:232px;}}
@media(max-width:760px){body.admin-authenticated main.container{width:92%!important;margin:0 auto!important;}body.admin-authenticated .admin-sidebar-global{position:static!important;width:auto;max-height:none;overflow:visible;margin:14px 0 18px;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}body.admin-authenticated .admin-sidebar-global .admin-sidebar-brand,body.admin-authenticated .admin-sidebar-global .admin-sidebar-footer,body.admin-authenticated .admin-sidebar-global .admin-sidebar-group{grid-column:1/-1;}body.admin-authenticated .admin-sidebar-global .admin-sidebar-group{min-width:0;}body.admin-authenticated .admin-sidebar-global .admin-sidebar-group a{font-size:11px!important;padding:8px 7px!important;gap:6px;}body.admin-authenticated .admin-sidebar-global .admin-sidebar-title{grid-column:1/-1;}body.admin-authenticated .footer{margin-left:0;}}
@media(max-width:420px){body.admin-authenticated .admin-sidebar-global{grid-template-columns:1fr!important;}body.admin-authenticated .admin-sidebar-global .admin-sidebar-brand,body.admin-authenticated .admin-sidebar-global .admin-sidebar-footer{grid-column:auto;}}



/* VPSSetu Customer Dashboard Premium Refresh */
body.site-area .account-layout.dashboard-redesign{max-width:1440px;margin:28px auto 52px;padding:0 18px;grid-template-columns:252px minmax(0,1fr);gap:25px}
body.site-area .account-sidebar{background:linear-gradient(180deg,#fff 0%,#fff9fa 100%)!important;border:1px solid #f0d6dc!important;border-radius:22px!important;padding:17px!important;box-shadow:0 18px 45px rgba(93,14,35,.07)!important}
body.site-area .sidebar-brand{padding:8px 7px 18px!important;margin-bottom:8px!important;border-bottom:1px solid #f6e3e7!important}
body.site-area .sidebar-brand-mark{width:43px;height:43px;border-radius:14px;box-shadow:0 8px 18px #c8102e22}
body.site-area .sidebar-brand b{color:#2c1a20!important;font-size:15px!important}body.site-area .sidebar-brand small{color:#a1848c!important}
body.site-area .account-sidebar a{display:flex!important;align-items:center;gap:9px;min-height:42px;padding:11px 12px!important;border-radius:12px!important;color:#63464e!important;font-size:12px!important;font-weight:750!important;transition:background .18s,transform .18s,border-color .18s}
body.site-area .account-sidebar a:hover{transform:translateX(2px);background:#fff2f4!important;color:#b90e2b!important}
body.site-area .account-sidebar a.active{background:linear-gradient(105deg,#c8102e,#ef4b64)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px #c8102e25}
body.site-area .account-sidebar a.sidebar-new{background:#fff!important;color:#b90e2b!important;border:1px solid #f0cbd2!important;margin-top:4px!important}
body.site-area .account-sidebar a.sidebar-new:hover{background:#fff0f3!important}
.menu-count{margin-left:auto;display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#fff0f2;color:#b90e2b;font-size:10px;font-weight:900}
body.site-area .dashboard-welcome-panel{min-height:295px!important;border:1px solid #f0c8d0!important;border-radius:24px!important;background:radial-gradient(ellipse at 86% 10%,#ffdbe2 0%,transparent 36%),linear-gradient(120deg,#fff 0%,#fff6f7 55%,#f4fffd 100%)!important;box-shadow:0 20px 50px rgba(91,13,34,.08)!important;padding:32px!important}
body.site-area .welcome-copy h2{color:#29181e!important;font-size:clamp(30px,3vw,43px)!important;letter-spacing:-.055em!important}
body.site-area .welcome-copy p{color:#765e65!important;font-size:13px!important;max-width:450px!important}
body.site-area .welcome-kicker{color:#b90e2b!important}.welcome-kicker i{background:#24bf91!important;box-shadow:0 0 0 4px #dff9ef!important}
body.site-area .server-illustration{background:linear-gradient(145deg,#28334e,#0d1729)!important;box-shadow:0 20px 50px #16233b30,0 0 0 8px #ffffffaa!important}
body.site-area .dashboard-stats{gap:14px!important;margin:0 0 28px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.site-area .dashboard-stats .stat{min-height:126px!important;padding:19px!important;border-radius:18px!important;background:linear-gradient(150deg,#fff,#fff9fa)!important;box-shadow:0 12px 30px #5d0e2308!important;transition:transform .18s,box-shadow .18s}
body.site-area .dashboard-stats .stat:hover{transform:translateY(-3px);box-shadow:0 18px 35px #5d0e2312!important}
body.site-area .dashboard-stats .stat b{font-size:32px!important;letter-spacing:-.04em!important;color:#b90e2b!important}
body.site-area .dashboard-stats .stat span{font-weight:800!important;color:#49333a!important;margin-top:6px}
body.site-area .dashboard-stats .stat small{color:#9a737e!important;margin-top:7px}
body.site-area .account-main .section{margin-top:27px!important}
body.site-area .account-main .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px!important}
body.site-area .account-main .section-head h2{font-size:21px!important;letter-spacing:-.03em!important;color:#2d1a20!important}
body.site-area .active-proxy-row{background:linear-gradient(110deg,#fff,#fff8f9)!important;border:1px solid #f0d7dd!important;border-radius:16px!important;padding:15px!important;box-shadow:0 8px 24px #5d0e2307!important}
body.site-area .active-proxy-format{border-radius:10px!important;background:#111b2c!important;color:#bdebe1!important;padding:13px!important;overflow-wrap:anywhere}
body.site-area .account-main .card{border-radius:18px!important}
body.site-area .account-main .table-wrap{border:1px solid #f0d7dd;border-radius:16px;background:#fff;overflow:auto}
body.site-area .account-main table th{background:#fff3f5!important;color:#875b66!important;font-size:10px!important;letter-spacing:.06em}
body.site-area .account-main table td{font-size:12px!important}
.account-page-shell{max-width:1180px;margin:34px auto 60px;padding:0 18px}
.account-page-head{padding:28px 30px!important;border:1px solid #f0d5dc;border-radius:22px;background:radial-gradient(ellipse at 90% 0%,#ffe1e7,transparent 38%),linear-gradient(120deg,#fff,#fff8fa)!important;box-shadow:0 16px 42px #5d0e2309;margin-bottom:20px!important}
.account-page-head h1{font-size:clamp(29px,4vw,42px)!important;letter-spacing:-.045em!important}
.service-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 19px;margin:18px 0 22px;background:#fff;border:1px solid #f0d7dd;border-radius:16px;box-shadow:0 8px 25px #5d0e2306}
.service-page-toolbar>div{display:flex;align-items:baseline;gap:7px;color:#8a6c74;font-size:12px}.service-page-toolbar strong{font-size:27px;color:#b90e2b;letter-spacing:-.04em}
.service-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.premium-service-card{min-width:0;padding:22px;border:1px solid #efd3da;border-radius:20px;background:linear-gradient(150deg,#fff,#fffafb);box-shadow:0 12px 32px #5d0e2309;transition:transform .2s,box-shadow .2s}
.premium-service-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #5d0e2313}
.premium-service-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.service-type-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff0f3;color:#c8102e;font-size:20px;font-weight:900}
.premium-service-card h2{font-size:19px;line-height:1.35;letter-spacing:-.025em;margin:0 0 5px;color:#2d1a20;overflow-wrap:anywhere}
.service-order-id{font-size:11px;color:#a18189;margin:0 0 18px;overflow-wrap:anywhere}
.service-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;padding:13px 0;border-top:1px solid #f4e3e7;border-bottom:1px solid #f4e3e7}
.service-spec-grid>div{padding:10px;border-radius:11px;background:#fff3f5;min-width:0}.service-spec-grid small,.service-spec-grid b{display:block}.service-spec-grid small{font-size:10px;color:#9c737d;margin-bottom:5px}.service-spec-grid b{font-size:14px;color:#3e2730;overflow-wrap:anywhere}
.service-detail-list{display:grid;gap:0}.service-detail-list>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid #f7ecef;font-size:12px}.service-detail-list>div span{color:#947780;flex:0 0 40%}.service-detail-list>div b{text-align:right;overflow-wrap:anywhere;color:#3c2930}
.premium-service-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.premium-service-actions .btn{flex:1;text-align:center;justify-content:center}
.proxy-credential-box{display:grid;gap:10px;padding:14px;border-radius:14px;background:#111b2c;color:#fff;margin:16px 0}.proxy-credential-box small{font-size:9px;letter-spacing:.08em;color:#8eb8c4}.proxy-credential-box code{font-size:12px;color:#bdf1e6;overflow-wrap:anywhere;line-height:1.6}.proxy-credential-box .btn.secondary{justify-self:start}
.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 22px;border:1px dashed #e8c1ca;border-radius:20px;background:linear-gradient(140deg,#fff,#fff8fa)}.empty-state-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#fff0f3;color:#b90e2b;font-size:26px}.empty-state h2{margin:16px 0 6px;font-size:22px}.empty-state p{max-width:440px;color:#8e737b;font-size:13px;line-height:1.7}.empty-state .btn{margin-top:10px}.compact-empty{padding:24px}.compact-empty h3{margin:0 0 4px}.compact-empty p{margin:0;color:#947780;font-size:12px}
.pending-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:13px;margin:20px 0 28px}.pending-summary>div{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #efd5dc;border-radius:16px;background:#fff;box-shadow:0 8px 25px #5d0e2306}.pending-summary>div:first-child{background:linear-gradient(120deg,#fff2f4,#fff)}.pending-summary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;color:#b90e2b;font-size:23px}.pending-summary strong,.pending-summary small{display:block}.pending-summary strong{font-size:25px;color:#b90e2b;line-height:1.1}.pending-summary small{font-size:11px;color:#96747d;margin-top:5px}.section-count{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:50px;background:#fff0f3;color:#b90e2b;font-size:11px;font-weight:900}
@media(max-width:1050px){body.site-area .account-layout.dashboard-redesign{grid-template-columns:220px minmax(0,1fr)}body.site-area .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-card-grid{grid-template-columns:1fr}}
@media(max-width:760px){body.site-area .account-layout.dashboard-redesign{grid-template-columns:1fr;margin-top:18px;padding:0 4%}body.site-area .account-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.account-page-shell{padding:0 4%;margin-top:22px}.account-page-head{padding:22px!important}.service-page-toolbar{align-items:flex-start}.premium-service-card{padding:17px}.pending-summary{grid-template-columns:1fr 1fr}.pending-summary>div:first-child{grid-column:1/-1}.account-main .dashboard-welcome-panel{padding:22px!important}}
@media(max-width:480px){body.site-area .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.pending-summary{grid-template-columns:1fr}.pending-summary>div:first-child{grid-column:auto}.service-spec-grid{gap:5px}.service-spec-grid>div{padding:8px 6px}.service-spec-grid b{font-size:12px}.service-page-toolbar{flex-direction:column}.service-page-toolbar .btn{width:100%;text-align:center}.premium-service-actions{flex-direction:column}.premium-service-actions .btn{width:100%}.account-sidebar a{font-size:11px!important}}


/* VPSSetu authentication pages: unified responsive premium layout */
.brand-logo{display:block;width:190px;max-width:min(42vw,220px);height:auto;object-fit:contain}
.admin-sidebar-brand-image{display:block;width:190px;max-width:100%;height:auto}
.admin-sidebar-brand{display:flex;align-items:center;justify-content:flex-start;padding:16px 12px!important}
.auth-page .site-search-wrap{display:none!important}
.auth-page .container{width:min(560px,92%);min-height:calc(100vh - 178px);display:flex;align-items:center;justify-content:center;padding:42px 0 56px}
.auth-page .auth-card{width:100%;max-width:560px;margin:0 auto;padding:clamp(24px,5vw,42px);border:1px solid #f0d8dd;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#fffafb 100%);box-shadow:0 24px 70px rgba(103,16,36,.12);color:#2c2025}
.auth-page .auth-card h1{margin:9px 0 12px;color:#261b20;font-size:clamp(28px,4vw,34px);line-height:1.2;letter-spacing:-.035em}
.auth-page .auth-card .eyebrow{color:#b90e2b;font-size:10px;letter-spacing:.16em}
.auth-page .auth-card .muted,.auth-page .auth-card p{color:#78666c;line-height:1.7}
.auth-page .auth-card .field{margin:17px 0}
.auth-page .auth-card label{color:#4d3840;font-size:12px;font-weight:750}
.auth-page .auth-card input,.auth-page .auth-card select,.auth-page .auth-card textarea{margin-top:7px;min-height:48px;padding:13px 14px;border:1px solid #e7d6da;border-radius:12px;background:#fff;color:#2b2024;font-size:14px;box-shadow:0 2px 4px rgba(54,16,27,.02)}
.auth-page .auth-card input:focus,.auth-page .auth-card select:focus{border-color:#d44b63;outline:0;box-shadow:0 0 0 4px rgba(200,16,46,.10)}
.auth-page .auth-card input::placeholder{color:#aa9ba0}
.auth-page .auth-card .field small,.auth-page .auth-card small{display:block;margin-top:6px;color:#8d7a80;font-size:11px;line-height:1.6}
.auth-page .auth-card form>.btn,.auth-page .auth-card>a.btn{width:100%;min-height:48px;margin-top:7px;border-radius:12px;background:linear-gradient(135deg,#b90e2b,#ef4560)!important;color:#fff!important;box-shadow:0 8px 18px rgba(185,14,43,.18);font-size:14px}
.auth-page .auth-card form>.btn:hover,.auth-page .auth-card>a.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}
.auth-page .auth-card a:not(.btn){color:#b90e2b;font-weight:650}
.auth-page .auth-card .notice{padding:13px 15px;margin:18px 0;border-radius:12px;background:#effaf4;border:1px solid #bce8cf;color:#216744;font-size:13px;line-height:1.65}
.auth-page .auth-card .notice.error{background:#fff1f2;border-color:#f5c4cc;color:#9f1730}
.auth-page .footer{margin-top:0;padding-top:20px;padding-bottom:22px;border-color:#f1dfe3;color:#8d7b81}
.auth-page .topbar{position:relative;padding:16px 5%;box-shadow:0 4px 18px rgba(80,20,35,.04)}
.auth-page .topbar nav{gap:12px}
.auth-page .topbar nav a{font-weight:650}
@media(max-width:600px){.brand-logo{width:164px;max-width:46vw}.auth-page .topbar{gap:10px;padding:12px 4%;align-items:center}.auth-page .topbar nav{gap:8px}.auth-page .topbar nav a{font-size:11px!important}.auth-page .container{width:min(100% - 28px,560px);min-height:calc(100vh - 145px);padding:26px 0 36px}.auth-page .auth-card{padding:24px 20px;border-radius:20px}.auth-page .auth-card h1{font-size:28px}.auth-page .footer{padding:18px 5%;gap:8px}}


/* VPSSetu homepage full-bleed slider + matching premium rose/white benefit strip */
body.site-area .hero.hero-home-carousel{
  display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important;
  position:relative!important; isolation:isolate!important; overflow:hidden!important;
  width:100vw!important; max-width:none!important; min-height:calc(100vh - 184px)!important; min-height:calc(100svh - 184px)!important;
  margin:0 calc(50% - 50vw) 28px!important;
  padding:clamp(48px,7vh,92px) max(5vw,calc((100vw - 1180px)/2)) 92px!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
  background:#fff7f8!important;
}
body.site-area .hero-home-carousel .hero-home-background{
  position:absolute!important; inset:0!important; z-index:0!important; width:100%!important; height:100%!important;
  border-radius:0!important; overflow:hidden!important; background:#fff7f8!important;
}
body.site-area .hero-home-carousel .hero-home-background .hero-slide{
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
  background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important;
  transition:opacity .9s ease,transform 6s ease,visibility .9s ease!important;
}
body.site-area .hero-home-carousel .hero-home-background .hero-slide::after{
  content:""!important; position:absolute!important; inset:0!important; display:block!important;
  background:linear-gradient(90deg,rgba(255,249,250,.97) 0%,rgba(255,249,250,.91) 36%,rgba(255,249,250,.68) 58%,rgba(255,249,250,.18) 100%),
             linear-gradient(0deg,rgba(255,239,243,.24),rgba(255,255,255,0) 45%)!important;
}
body.site-area .hero-home-carousel .hero-home-overlay{
  position:absolute!important; inset:0!important; z-index:1!important; pointer-events:none!important;
  background:radial-gradient(ellipse at 82% 18%,rgba(255,255,255,.08),transparent 34%),linear-gradient(0deg,rgba(185,14,43,.06),transparent 35%)!important;
}
body.site-area .hero-home-carousel .hero-home-copy{
  position:relative!important; z-index:2!important; width:min(760px,100%)!important; max-width:760px!important;
  padding:12px 0 26px!important; color:#2b1720!important;
}
body.site-area .hero-home-carousel .hero-home-copy .eyebrow{
  display:inline-flex!important; color:#a80f2d!important; background:rgba(255,241,244,.92)!important;
  border:1px solid #efbdc8!important; border-radius:999px!important; padding:9px 14px!important;
  font-size:10px!important; font-weight:850!important; letter-spacing:.13em!important;
}
body.site-area .hero-home-carousel .hero-home-copy h1{
  max-width:900px!important; margin:20px 0 17px!important; color:#291820!important;
  -webkit-text-fill-color:#291820!important; font-size:clamp(42px,5.6vw,78px)!important;
  line-height:1.02!important; letter-spacing:-.055em!important; text-shadow:none!important;
}
body.site-area .hero-home-carousel .hero-home-copy h1 .grad{
  background:linear-gradient(100deg,#a90e2c 0%,#e52c50 56%,#f16c83 100%)!important;
  -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; -webkit-text-fill-color:transparent!important;
}
body.site-area .hero-home-carousel .hero-home-copy .lead{
  max-width:650px!important; color:#69545b!important; font-size:clamp(15px,1.25vw,18px)!important; line-height:1.8!important;
}
body.site-area .hero-home-carousel .hero-home-copy .actions{display:flex!important; flex-wrap:wrap!important; gap:12px!important; margin:26px 0 20px!important}
body.site-area .hero-home-carousel .hero-home-copy .actions .btn{
  display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:48px!important;
  padding:13px 19px!important; border-radius:13px!important; background:linear-gradient(120deg,#b90e2b,#f0445e)!important;
  border:1px solid #c91a39!important; color:#fff!important; box-shadow:0 9px 24px rgba(185,14,43,.18)!important;
  font-weight:800!important; text-decoration:none!important; transition:transform .18s ease,box-shadow .18s ease!important;
}
body.site-area .hero-home-carousel .hero-home-copy .actions .btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(185,14,43,.23)!important}
body.site-area .hero-home-carousel .hero-home-copy .actions .btn.secondary{
  background:rgba(255,255,255,.91)!important; color:#a80f2d!important; border-color:#e7b8c2!important; box-shadow:0 5px 16px rgba(95,24,42,.06)!important;
}
body.site-area .hero-home-carousel .hero-trust-row{display:flex!important;flex-wrap:wrap!important;gap:10px 18px!important;color:#735e65!important;font-size:11px!important;font-weight:650!important}
body.site-area .hero-home-carousel .hero-trust-row span{display:inline-flex!important;align-items:center!important;gap:6px!important}
body.site-area .hero-home-carousel .hero-carousel-controls{position:absolute!important;right:max(5vw,calc((100vw - 1180px)/2))!important;bottom:24px!important;z-index:6!important;display:flex!important;align-items:center!important;gap:10px!important}
body.site-area .hero-home-carousel .hero-carousel-controls button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:13px!important;border:1px solid #e5b6c1!important;background:rgba(255,255,255,.94)!important;color:#a80f2d!important;box-shadow:0 5px 18px rgba(80,10,25,.1)!important;cursor:pointer!important}
body.site-area .hero-home-carousel .hero-dots{display:flex!important;align-items:center!important;gap:7px!important}
body.site-area .hero-home-carousel .hero-dots button{width:8px!important;height:8px!important;min-width:8px!important;padding:0!important;border:0!important;border-radius:99px!important;background:#d9aab4!important}
body.site-area .hero-home-carousel .hero-dots button.active{width:24px!important;background:#c8102e!important}
body.site-area .home-value-strip{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;
  width:min(1180px,92%)!important;max-width:1180px!important;margin:0 auto 54px!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body.site-area .home-value-item{
  display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important;min-height:88px!important;
  padding:17px 16px!important;border:1px solid #f0d6dc!important;border-radius:17px!important;
  background:linear-gradient(145deg,#fff 0%,#fff8fa 100%)!important;color:#33212a!important;
  box-shadow:0 10px 28px rgba(89,19,37,.055)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.site-area .home-value-item:hover{transform:translateY(-3px)!important;border-color:#e6aab7!important;box-shadow:0 15px 32px rgba(89,19,37,.09)!important}
body.site-area .home-value-item .value-icon{
  display:grid!important;place-items:center!important;flex:0 0 43px!important;width:43px!important;height:43px!important;
  border:1px solid #f1cbd3!important;border-radius:14px!important;background:linear-gradient(145deg,#fff0f3,#ffe4ea)!important;
  color:#b90e2b!important;font-size:20px!important;font-weight:900!important;
}
body.site-area .home-value-item>span:last-child{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
body.site-area .home-value-item b{display:block!important;color:#33212a!important;font-size:13px!important;line-height:1.3!important;font-weight:850!important;letter-spacing:-.015em!important}
body.site-area .home-value-item small{display:block!important;color:#88717a!important;font-size:11px!important;line-height:1.5!important}
@media(max-width:900px){
 body.site-area .hero.hero-home-carousel{min-height:calc(100vh - 150px)!important;min-height:calc(100svh - 150px)!important;padding:54px 6% 88px!important}
 body.site-area .home-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:92%!important}
}
@media(max-width:600px){
 body.site-area .hero.hero-home-carousel{min-height:calc(100svh - 128px)!important;min-height:610px!important;padding:40px 22px 82px!important;margin-bottom:22px!important}
 body.site-area .hero-home-carousel .hero-home-background .hero-slide::after{background:linear-gradient(90deg,rgba(255,249,250,.96),rgba(255,249,250,.84) 68%,rgba(255,249,250,.55))!important}
 body.site-area .hero-home-carousel .hero-home-copy h1{font-size:clamp(38px,10vw,54px)!important;line-height:1.04!important}
 body.site-area .hero-home-carousel .hero-home-copy .actions{align-items:stretch!important;flex-direction:column!important;max-width:320px!important}
 body.site-area .hero-home-carousel .hero-home-copy .actions .btn{width:100%!important}
 body.site-area .hero-home-carousel .hero-trust-row{display:grid!important;gap:8px!important}
 body.site-area .hero-home-carousel .hero-carousel-controls{right:20px!important;bottom:16px!important}
 body.site-area .hero-home-carousel .hero-carousel-controls button{width:36px!important;height:36px!important}
 body.site-area .home-value-strip{grid-template-columns:1fr!important;width:calc(100% - 32px)!important;gap:10px!important;margin-bottom:38px!important}
 body.site-area .home-value-item{min-height:76px!important;padding:14px!important}
}
@media(prefers-reduced-motion:reduce){
 body.site-area .hero-home-carousel .hero-home-background .hero-slide{transition:none!important;transform:none!important}
 body.site-area .home-value-item{transition:none!important}
}


/* VPSSetu final hero repair: full-bleed background without horizontal overflow */
html { overflow-x: clip !important; }
body.site-area { overflow-x: clip !important; }
body.site-area .hero.hero-home-carousel {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  min-height: clamp(570px, calc(100svh - 205px), 790px) !important;
  padding: clamp(54px, 7vh, 92px) max(5vw, calc((100vw - 1180px) / 2)) 92px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 0 !important;
}
body.site-area .hero.hero-home-carousel .hero-home-background {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
}
body.site-area .hero.hero-home-carousel .hero-home-background .hero-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
body.site-area .hero.hero-home-carousel .hero-home-copy {
  position: relative !important;
  z-index: 2 !important;
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  margin: 0 !important;
  flex: 0 1 760px !important;
}
body.site-area .hero.hero-home-carousel .hero-home-copy h1 {
  max-width: 760px !important;
  font-size: clamp(44px, 5vw, 72px) !important;
  line-height: 1.04 !important;
}
body.site-area .hero.hero-home-carousel .hero-carousel-controls {
  position: absolute !important;
  right: max(5vw, calc((100vw - 1180px) / 2)) !important;
  bottom: 24px !important;
  z-index: 5 !important;
}
@media (max-width: 900px) {
  body.site-area .hero.hero-home-carousel {
    min-height: clamp(570px, calc(100svh - 160px), 760px) !important;
    padding: 52px 6% 88px !important;
  }
  body.site-area .hero.hero-home-carousel .hero-home-copy { max-width: 700px !important; }
  body.site-area .hero.hero-home-carousel .hero-home-copy h1 { font-size: clamp(40px, 7vw, 62px) !important; }
}
@media (max-width: 600px) {
  body.site-area .hero.hero-home-carousel {
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    min-height: 610px !important;
    padding: 42px 22px 82px !important;
  }
  body.site-area .hero.hero-home-carousel .hero-home-copy h1 {
    font-size: clamp(38px, 10vw, 54px) !important;
    line-height: 1.04 !important;
  }
}


/* VPSSetu account refresh: reseller workspace + credential copy controls */
.reseller-redesign{max-width:1320px;margin:0 auto;padding:22px 0 52px}
.reseller-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr);align-items:center;gap:28px;min-height:270px;padding:clamp(26px,4vw,52px);border-radius:28px;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(79,209,197,.26),transparent 25%),radial-gradient(circle at 92% 100%,rgba(147,107,255,.38),transparent 34%),linear-gradient(125deg,#10182f 0%,#202d58 56%,#40318a 100%);box-shadow:0 22px 60px rgba(29,39,83,.18)}
.reseller-hero:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,black,transparent)}
.reseller-kicker{display:inline-flex;align-items:center;gap:8px;color:#22c9bd;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.reseller-hero h1{margin:15px 0 12px;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:-.04em}
.reseller-hero h1 em{font-style:normal;color:#9ef2e8}
.reseller-hero p{max-width:590px;color:rgba(255,255,255,.76);line-height:1.7}
.reseller-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.reseller-hero .btn{border:1px solid rgba(255,255,255,.22);background:#fff;color:#202a4a;box-shadow:none}
.reseller-hero .btn.secondary{background:rgba(255,255,255,.08);color:#fff}
.reseller-hero-art{position:relative;min-height:180px;display:grid;place-items:center}
.reseller-orbit{position:absolute;display:block;border:1px solid rgba(158,242,232,.32);border-radius:50%;transform:rotate(-25deg)}
.reseller-orbit.orbit-one{width:210px;height:130px}.reseller-orbit.orbit-two{width:160px;height:210px;transform:rotate(40deg);border-color:rgba(182,159,255,.42)}
.reseller-server-stack{position:relative;width:112px;padding:20px 14px 15px;border:1px solid rgba(255,255,255,.35);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.06));box-shadow:0 20px 45px rgba(0,0,0,.22);transform:rotate(-7deg)}
.reseller-server-stack i{display:block;height:13px;margin:0 0 8px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:rgba(12,19,43,.3)}
.reseller-server-stack i:after{content:"";display:block;width:5px;height:5px;margin:3px 0 0 7px;border-radius:50%;background:#7df3c9;box-shadow:12px 0 #a9a0ff}
.reseller-server-stack b{display:block;margin-top:9px;color:#bffaf1;text-align:center;letter-spacing:.22em;font-size:12px}
.reseller-hero-chip{position:absolute;right:0;bottom:3px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#dce6ff;font-size:10px;font-weight:800;letter-spacing:.12em}
.reseller-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 34px}
.reseller-metric{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border:1px solid var(--border,#e8eaf2);border-radius:18px;background:var(--card,#fff);box-shadow:0 9px 26px rgba(28,37,72,.055)}
.reseller-metric span{color:var(--muted,#68728b);font-size:13px;font-weight:650}
.reseller-metric b{color:var(--text,#141b2f);font-size:29px;letter-spacing:-.04em}
.reseller-metric small{color:var(--muted,#68728b);font-size:11px}
.reseller-section{margin-top:30px;scroll-margin-top:24px}
.reseller-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px}
.reseller-section-head h2{margin:6px 0;color:var(--text,#151c30);font-size:25px;letter-spacing:-.035em}
.reseller-section-head p{margin:0;color:var(--muted,#6c758b);font-size:13px}
.reseller-section-index{padding:8px 12px;border:1px solid var(--border,#e6e9f2);border-radius:999px;color:var(--muted,#6c758b);font-size:11px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.reseller-plan-grid,.reseller-redesign .grid2{gap:16px}
.reseller-plan-grid>.card,.reseller-proxy-plans .card{position:relative;overflow:hidden;border:1px solid var(--border,#e6e9f2);border-radius:20px;box-shadow:0 10px 28px rgba(28,37,72,.055);transition:transform .18s ease,box-shadow .18s ease}
.reseller-plan-grid>.card:hover,.reseller-redesign .grid2>.card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(28,37,72,.10)}
.reseller-plan-grid>.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#24c9bd,#6f5cf4)}
.reseller-plan-grid .price{font-size:28px;font-weight:850;letter-spacing:-.04em}
.reseller-table-card{overflow:hidden;border:1px solid var(--border,#e6e9f2);border-radius:20px;box-shadow:0 10px 28px rgba(28,37,72,.05)}
.reseller-table-card table{min-width:680px}
.reseller-table-card thead th{background:#f7f8fc;color:#6a7288;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.reseller-table-card tbody tr:hover{background:#f9fbff}
.reseller-vps-order-head{margin-top:28px}
.copy-value{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 9px;border:1px solid #dfe4ef;border-radius:7px;background:#f7f9fd;color:#34415f;font-size:11px;font-weight:750;cursor:pointer;vertical-align:middle}
.copy-value:hover{border-color:#8e83ff;background:#f0edff;color:#4e3cc6}
.copy-value.copied{border-color:#a2e6d5;background:#e9fbf5;color:#08795f}
.credential-value{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}
button.is-submitting{opacity:.65;cursor:wait}
@media(max-width:850px){.reseller-redesign{padding-top:10px}.reseller-hero{grid-template-columns:1fr;min-height:unset}.reseller-hero-art{min-height:135px}.reseller-hero-chip{right:8%}.reseller-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.reseller-hero{padding:24px 20px;border-radius:20px}.reseller-hero h1{font-size:32px}.reseller-metrics{gap:9px}.reseller-metric{padding:15px}.reseller-metric b{font-size:24px}.reseller-section-head{align-items:start}.reseller-section-index{display:none}.reseller-hero-actions .btn{width:100%;text-align:center}}


/* Customer dashboard finishing pass */
.dashboard-redesign{isolation:isolate}
.dashboard-redesign .dashboard-welcome-panel{border-radius:26px;box-shadow:0 20px 50px rgba(29,39,83,.12)}
.dashboard-redesign .dashboard-stats .stat{border:1px solid rgba(120,132,170,.16);border-radius:18px;box-shadow:0 10px 26px rgba(30,39,73,.055);transition:transform .18s ease,box-shadow .18s ease}
.dashboard-redesign .dashboard-stats .stat:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(30,39,73,.09)}
.dashboard-redesign .section-head{gap:16px}
.dashboard-redesign .section-head h2{letter-spacing:-.025em}
.dashboard-redesign .table-wrap{border-radius:16px}
.dashboard-redesign .card{border-radius:18px}
.dashboard-redesign .stat-link small{font-weight:700}