/* OffshoreDedi V4 — block-style portal cosmetic layer. Built over stable V3.8. */
:root{--v4-bg:#070b12;--v4-panel:#0e1520;--v4-panel2:#121b28;--v4-line:#263449;--v4-text:#f7f9fc;--v4-muted:#9da9ba;--v4-blue:#398cff;--v4-purple:#803cff;--v4-green:#39d98a}
body{background:radial-gradient(circle at 18% 8%,rgba(57,140,255,.055),transparent 24%),radial-gradient(circle at 82% 16%,rgba(128,60,255,.055),transparent 25%),var(--v4-bg)!important}
#main-body>.container{max-width:1380px!important}.master-breadcrumb{background:rgba(7,11,18,.88)!important;backdrop-filter:blur(14px)}
/* Homepage canvas */
body:has(.od-v4-hero) #main-body{padding-top:26px!important}body:has(.od-v4-hero) .master-breadcrumb{display:none!important}
.od-v4-hero{position:relative;min-height:430px;border:1px solid var(--v4-line);border-radius:26px;overflow:hidden;padding:64px 62px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);align-items:center;background:linear-gradient(125deg,#101925 0%,#0a1019 56%,#101423 100%);box-shadow:0 30px 80px rgba(0,0,0,.26)}
.od-v4-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:-230px;background:radial-gradient(circle,rgba(128,60,255,.20),transparent 65%)}
.od-v4-hero:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;left:34%;bottom:-390px;background:radial-gradient(circle,rgba(57,140,255,.16),transparent 65%)}
.od-v4-hero-copy{position:relative;z-index:2;max-width:760px}.od-v4-eyebrow,.od-v4-section-intro>span,.od-v4-help-copy>span{font-size:12px;font-weight:800;letter-spacing:.14em;color:#7daeff}.od-v4-eyebrow i{font-size:7px;color:var(--v4-green);margin-right:8px;filter:drop-shadow(0 0 6px rgba(57,217,138,.65))}
.od-v4-hero h1{font-size:50px!important;line-height:1.08!important;letter-spacing:-.035em;margin:18px 0 20px!important;font-weight:800!important}.od-v4-hero h1 span{background:linear-gradient(90deg,#5ca3ff,#a16aff);-webkit-background-clip:text;background-clip:text;color:transparent}.od-v4-hero p{font-size:17px!important;line-height:1.75!important;max-width:680px;color:#aeb9c9!important}
.od-v4-hero-actions{display:flex;gap:12px;margin-top:30px}.od-v4-hero-actions .btn{padding:13px 20px!important;border-radius:11px!important}.od-v4-primary{background:linear-gradient(105deg,#318cff,#7c3cff)!important;color:#fff!important;border:0!important}.od-v4-secondary{background:#121b27!important;border:1px solid #34445b!important;color:#f6f8fb!important}
.od-v4-hero-visual{position:relative;height:300px;z-index:2;display:grid;place-items:center}.od-v4-server-stack{width:168px;height:168px;border:1px solid #354664;border-radius:30px;background:linear-gradient(145deg,rgba(22,35,53,.95),rgba(11,17,27,.95));display:flex;flex-direction:column;justify-content:center;gap:12px;padding:30px;box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 50px rgba(77,91,255,.12);transform:rotate(-3deg)}.od-v4-server-stack i{font-size:34px;background:linear-gradient(90deg,#3e8fff,#853dff);-webkit-background-clip:text;color:transparent}.od-v4-orbit{position:absolute;border:1px solid rgba(94,121,164,.22);border-radius:50%}.od-v4-orbit-one{width:285px;height:285px}.od-v4-orbit-two{width:365px;height:365px;border-style:dashed}.od-v4-float{position:absolute;display:flex;gap:10px;align-items:center;background:rgba(15,23,35,.94);border:1px solid #30405a;border-radius:13px;padding:11px 14px;box-shadow:0 16px 38px rgba(0,0,0,.32);font-size:11px;color:#8796aa}.od-v4-float i{font-size:19px;color:#619fff}.od-v4-float b{font-size:12px;color:#fff}.od-v4-float-a{right:0;top:30px}.od-v4-float-b{left:8px;bottom:24px}
.od-v4-trustbar{margin:18px 0 56px;border:1px solid #202d3f;border-radius:15px;background:#0b111a;display:grid;grid-template-columns:repeat(4,1fr);padding:16px 18px}.od-v4-trustbar span{text-align:center;color:#aab5c4;font-size:12px;font-weight:600;border-right:1px solid #223044}.od-v4-trustbar span:last-child{border:0}.od-v4-trustbar i{margin-right:7px;color:#6d9cff}.od-v4-trustbar .od-v4-status i{font-size:7px;color:var(--v4-green)}
.od-v4-section-intro{max-width:680px;margin-bottom:24px}.od-v4-section-intro h2,.od-v4-help h2{font-size:32px!important;letter-spacing:-.025em;margin:8px 0!important}.od-v4-section-intro p{font-size:14px!important;line-height:1.65!important;margin:0!important}.od-v4-services,.od-v4-specialized{margin:0 0 62px}.od-v4-grid{display:grid;gap:18px}.od-v4-grid-main{grid-template-columns:repeat(3,1fr)}
.od-v4-service{position:relative;min-height:330px;padding:28px;border:1px solid #26364c;border-radius:20px;background:linear-gradient(150deg,#121b28,#0c131d);color:#fff!important;text-decoration:none!important;display:flex;flex-direction:column;overflow:hidden;transition:.22s ease}.od-v4-service:before{content:"";position:absolute;width:180px;height:180px;right:-85px;top:-85px;border-radius:50%;background:radial-gradient(circle,rgba(57,140,255,.12),transparent 70%)}.od-v4-service:hover{transform:translateY(-5px);border-color:#466a9f;box-shadow:0 22px 48px rgba(0,0,0,.25)}.od-v4-service-featured{background:radial-gradient(circle at 95% 0%,rgba(128,60,255,.18),transparent 38%),linear-gradient(150deg,#151d2c,#0d1420)}.od-v4-icon{width:50px;height:50px;border:1px solid #36527b;border-radius:13px;background:#111d2c;display:grid;place-items:center;color:#589cff;font-size:20px;margin-bottom:30px}.od-v4-tag{font-size:10px;letter-spacing:.14em;font-weight:800;color:#758aa8}.od-v4-service h3{font-size:23px!important;margin:8px 0 10px!important}.od-v4-service p{font-size:13px!important;line-height:1.65!important;margin-bottom:18px!important}.od-v4-service strong{font-size:14px;color:#dce5f1}.od-v4-link{margin-top:auto;padding-top:22px;color:#75aaff;font-size:13px;font-weight:700}
.od-v4-grid-special{grid-template-columns:repeat(3,1fr)}.od-v4-mini{padding:23px;border:1px solid #26364a;border-radius:18px;background:#0d141e;color:#fff!important;text-decoration:none!important;display:flex;gap:17px;transition:.2s}.od-v4-mini:hover{background:#111b28;transform:translateY(-3px);border-color:#415d86}.od-v4-mini-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;background:linear-gradient(145deg,rgba(57,140,255,.16),rgba(128,60,255,.16));border:1px solid #354c70;display:grid;place-items:center;color:#6ca5ff}.od-v4-mini small{font-size:9px;letter-spacing:.13em;color:#71839e}.od-v4-mini h3{font-size:18px!important;margin:5px 0 6px!important}.od-v4-mini p{font-size:12px!important;line-height:1.55!important;margin:0 0 12px!important}.od-v4-mini span{font-size:12px;color:#72a8ff;font-weight:700}
/* Domain search is embedded as a block, not a second hero */
.od-v4-domain-block{margin-bottom:62px;padding:30px;border:1px solid #26364a;border-radius:20px;background:linear-gradient(145deg,#101925,#0b121c)}.od-v4-domain-block .od-v4-section-intro{margin-bottom:8px}.od-v4-domain-block .home-domain-search{background:transparent!important}.od-v4-domain-block .home-domain-search>.container{max-width:none!important;padding:0!important}.od-v4-domain-block .home-domain-search .p-5{padding:18px 0 0!important}.od-v4-domain-block .home-domain-search h2{display:none!important}.od-v4-domain-block .input-group{max-width:900px}.od-v4-domain-block .form-control{height:54px!important;border-radius:11px 0 0 11px!important;font-size:15px!important}.od-v4-domain-block .input-group-append .btn{min-width:115px!important;border-radius:0!important}.od-v4-domain-block .input-group-append .btn:last-child{border-radius:0 11px 11px 0!important}.od-v4-domain-block .tld-logos{margin-top:18px!important}
.od-v4-catalog{margin:-25px 0 62px}.od-v4-catalog details{border:1px solid #26364a;border-radius:16px;background:#0b121b;overflow:hidden}.od-v4-catalog summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;color:#dce4ef;font-weight:700}.od-v4-catalog summary::-webkit-details-marker{display:none}.od-v4-catalog summary>span i{margin-right:9px;color:#669fff}.od-v4-catalog-grid{padding:0 18px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.od-v4-catalog-grid a{position:relative;padding:16px 38px 16px 16px;border:1px solid #243247;border-radius:12px;background:#101824;text-decoration:none!important}.od-v4-catalog-grid strong{display:block;color:#fff;font-size:13px}.od-v4-catalog-grid span{display:block;color:#8491a4;font-size:11px;margin-top:4px}.od-v4-catalog-grid>a>i{position:absolute;right:15px;top:20px;color:#6b9fff}
.od-v4-help{margin-bottom:18px;border:1px solid #2b3b54;border-radius:22px;padding:34px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;background:radial-gradient(circle at 0 100%,rgba(57,140,255,.10),transparent 35%),#0d141e}.od-v4-help-copy p{margin:0!important}.od-v4-help-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.od-v4-help-actions a{padding:18px;border:1px solid #293950;border-radius:14px;background:#101925;text-decoration:none!important}.od-v4-help-actions i{display:block;color:#6fa8ff;font-size:18px;margin-bottom:13px}.od-v4-help-actions b{display:block;color:#fff;font-size:13px}.od-v4-help-actions span{display:block;color:#8492a6;font-size:10px;margin-top:4px}
/* Logged-in dashboard polish without changing WHMCS logic */
.od-v2-welcome{border:1px solid #2a3a52!important;border-radius:22px!important;padding:30px 34px!important;background:radial-gradient(circle at 92% 20%,rgba(128,60,255,.14),transparent 24%),linear-gradient(135deg,#111a27,#0b121c)!important;margin-bottom:18px!important}.od-v2-welcome h1{font-size:31px!important;letter-spacing:-.025em!important}.od-v2-welcome-art{opacity:.9}.od-v2-stats .tile{border-radius:16px!important;background:linear-gradient(145deg,#111a27,#0c131d)!important;border-color:#2a3a50!important;transition:.2s!important}.od-v2-stats .tile:hover{transform:translateY(-3px)!important;border-color:#42699e!important;box-shadow:0 15px 32px rgba(0,0,0,.22)!important}.od-v2-home-panels .card{border-radius:17px!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important}.sidebar .card,.sidebar .panel{border-radius:16px!important;overflow:hidden!important}.sidebar .card-header,.sidebar .panel-heading{padding-top:15px!important;padding-bottom:15px!important}
/* Header refinement */
#header.od-v2-header{background:rgba(3,5,7,.96)!important;backdrop-filter:blur(16px);border-top:0!important}#header .od-v2-site-links a{position:relative}#header .od-v2-site-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:linear-gradient(90deg,#398cff,#803cff);transition:.2s}#header .od-v2-site-links a:hover:after{right:0}
@media(max-width:991.98px){.od-v4-hero{grid-template-columns:1fr;padding:46px 38px}.od-v4-hero-visual{display:none}.od-v4-grid-main,.od-v4-grid-special{grid-template-columns:1fr 1fr}.od-v4-grid-main .od-v4-service:last-child{grid-column:1/-1}.od-v4-trustbar{grid-template-columns:1fr 1fr;gap:12px}.od-v4-trustbar span{border:0}.od-v4-help{grid-template-columns:1fr}.od-v4-catalog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.od-v4-hero{padding:34px 24px;min-height:0;border-radius:20px}.od-v4-hero h1{font-size:36px!important}.od-v4-hero p{font-size:15px!important}.od-v4-hero-actions{flex-direction:column}.od-v4-trustbar,.od-v4-grid-main,.od-v4-grid-special,.od-v4-help-actions,.od-v4-catalog-grid{grid-template-columns:1fr}.od-v4-grid-main .od-v4-service:last-child{grid-column:auto}.od-v4-domain-block{padding:24px 18px}.od-v4-service{min-height:290px}.od-v4-section-intro h2,.od-v4-help h2{font-size:27px!important}}