/* Shared BlixerHost identity. Inherits WHMCS behaviour from Twenty-One. */
.bx-guest-links { display:flex; gap:26px; align-items:center; font-size:13px; }
.bx-guest .header .navbar { min-height:90px; }
.bx-entry { display:grid; grid-template-columns:1fr 460px; gap:80px; align-items:center; padding:40px 0 65px; }
.bx-entry-intro { max-width:520px; }
.bx-eyebrow { color:#4ade80; font-size:11px; letter-spacing:.16em; font-weight:700; }
.bx-entry h1 { font-size:clamp(36px,4.2vw,58px); line-height:1.12; letter-spacing:-.045em; font-weight:750; margin:24px 0; }
.bx-entry h1 em { color:#86efac; font-style:normal; }
.bx-entry-intro>p { color:#a7bec8; font-size:17px; line-height:1.7; max-width:410px; }
.bx-entry-details { display:flex; flex-wrap:wrap; gap:22px; margin-top:32px; padding-top:24px; border-top:1px solid #29404c; color:#a7bec8; font-size:13px; }
.bx-entry-details span::before { content:''; display:inline-block; width:5px; height:5px; background:#4ade80; border-radius:50%; margin-right:9px; vertical-align:middle; }
.bx-login #main-body { min-height:calc(100vh - 290px); }
.bx-login .primary-content { background:transparent!important; }
.bx-entry .login-form { max-width:460px; }
.bx-entry .login-form>.card { margin:0!important; box-shadow:0 24px 70px #00000020; }
.bx-entry .card-body { padding:36px!important; }
.bx-entry .card-footer { padding:22px 36px!important; }
.bx-entry .form-control { min-height:48px; }
.bx-entry .bx-submit button { width:100%; padding:14px; }
.bx-remember { margin-top:18px; color:#a7bec8; font-size:13px; }
.bx-remember label { display:flex; align-items:center; gap:9px; margin:0; }
.bx-remember .form-check-input { position:static; margin:0; }
.bx-entry .form-group .d-flex { gap:12px; flex-wrap:wrap; }
@media(max-width:1023px) { .bx-entry { grid-template-columns:1fr 420px; gap:32px; } }
@media(max-width:767px) { .bx-entry { grid-template-columns:1fr; gap:28px; padding:12px 0 32px; } .bx-entry-intro { text-align:center; margin:auto; } .bx-entry h1 { font-size:34px; margin:16px 0; } .bx-entry h1 br { display:none; } .bx-entry h1 em { display:block; } .bx-entry-intro>p { font-size:15px; margin:auto; } .bx-entry-details { display:none; } .bx-entry .card-body { padding:26px!important; } .bx-entry .card-footer { padding:20px 26px!important; } .bx-guest-links { gap:14px; font-size:12px; } .bx-guest .header .navbar .container { justify-content:center; gap:16px; } .bx-guest-links.ml-auto { margin-left:0!important; } }
:root { --bx-bg:#0a1823; --bx-card:#122838; --bx-border:#29404c; --bx-text:#f4f7f5; --bx-muted:#a7bec8; --bx-green:#4ade80; --bx-yellow:#f5d86e; }
body.primary-bg-color { background:radial-gradient(ellipse at 12% 0%,#4ade8010,transparent 48%),var(--bx-bg); color:var(--bx-text); font-family:'Segoe UI Variable Text','Segoe UI',Arial,sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family:'Segoe UI Variable Display','Segoe UI',Arial,sans-serif; letter-spacing:-.025em; color:var(--bx-text); }
a { color:var(--bx-green); } a:hover { color:#86efac; }
.text-muted, .text-secondary, small { color:var(--bx-muted)!important; }
.header, .header .navbar, .header .topbar, #footer.footer, .navbar-main { background:#07141d!important; border-color:var(--bx-border)!important; }
.header { border-bottom:1px solid var(--bx-border); }
.header .navbar-brand { color:var(--bx-text); }
.header .navbar-brand img { width:205px; max-height:48px; }
.navbar-light .navbar-nav .nav-link, .navbar-main .navbar-nav>li>a, .header .btn, .footer { color:var(--bx-muted)!important; }
.navbar-nav .nav-link:hover, .navbar-nav .active>.nav-link { color:var(--bx-green)!important; }
.navbar-toggler { background:var(--bx-green); }
#main-body { padding-top:38px; padding-bottom:64px; min-height:65vh; }
.primary-bg-color, .primary-content, .bg-white, .bg-light, .secondary-bg-color { background-color:var(--bx-bg)!important; color:var(--bx-text); }
.card, .panel, .list-group-item, .modal-content, .dropdown-menu, .popover, .tile, .home-kb-search, .home-domain-search { background:var(--bx-card)!important; border:1px solid var(--bx-border)!important; color:var(--bx-text); border-radius:10px; }
.card-header, .card-footer, .panel-heading, .panel-footer, .modal-header, .modal-footer { background:#10232f!important; color:var(--bx-text)!important; border-color:var(--bx-border)!important; }
.card-title, .panel-title, .list-group-item, .dropdown-item, .dropdown-menu a { color:var(--bx-text)!important; }
.dropdown-item:hover, .list-group-item-action:hover { background:#1c3743!important; color:var(--bx-green)!important; }
.breadcrumb { background:transparent; color:var(--bx-muted); padding-left:0; }
.breadcrumb .active { color:var(--bx-muted); }
.btn { border-radius:7px; font-weight:650; padding:10px 18px; }
.btn-primary, .btn-success { background:var(--bx-yellow)!important; border-color:var(--bx-yellow)!important; color:#07141d!important; box-shadow:none!important; }
.btn-primary:hover, .btn-success:hover { background:#ffe58a!important; border-color:#ffe58a!important; }
.btn-default, .btn-secondary, .btn-outline-primary, .btn-light { background:#122838!important; border:1px solid #3c5865!important; color:var(--bx-text)!important; }
.btn-link { color:var(--bx-green)!important; }
.form-control, .custom-select, .input-group-text, .selectize-input, .selectize-dropdown { background:#091820!important; color:var(--bx-text)!important; border-color:#3b5564!important; border-radius:7px; }
.form-control::placeholder { color:#92aab7; opacity:1; }
.form-control:focus, .custom-select:focus { border-color:var(--bx-green)!important; box-shadow:0 0 0 3px #4ade8020!important; }
input[type=checkbox], input[type=radio] { accent-color:var(--bx-green); }
label, .form-group, .col-form-label { color:var(--bx-text); }
.table, .table td, .table th { color:var(--bx-text)!important; border-color:var(--bx-border)!important; }
.table thead th, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { background:transparent!important; color:var(--bx-muted)!important; }
.table-striped tbody tr:nth-of-type(odd), .table-hover tbody tr:hover { background:#ffffff05!important; }
.table-list>tbody>tr>td, .table-list>thead>tr>th { background:transparent!important; }
.page-link, .nav-tabs .nav-link { background:#10232f!important; color:var(--bx-muted)!important; border-color:var(--bx-border)!important; }
.page-item.active .page-link, .nav-tabs .nav-link.active, .list-group-item.active { background:#183e32!important; color:var(--bx-green)!important; border-color:var(--bx-green)!important; }
.alert-info { background:#123541; color:#c5edf7; border-color:#2b6173; }
.alert-warning { background:#3c331c; color:#ffe7a0; border-color:#75612d; }
.alert-danger { background:#401f29; color:#ffbdc8; border-color:#793a4b; }
.alert-success { background:#133a2b; color:#baf7d0; border-color:#2c7350; }
.login-form { max-width:540px; width:100%; margin:0 auto; }
.login-form>.card { background:linear-gradient(145deg,#142c37,#0d202b)!important; }
.header .navbar a, .header .navbar-nav a { color:var(--bx-muted)!important; }
.header .navbar a:hover, .header .navbar-nav a:hover { color:var(--bx-green)!important; }
a[class*="card-accent-"] { background:linear-gradient(145deg,#142c37,#0d202b)!important; color:var(--bx-text)!important; border:1px solid var(--bx-border)!important; border-top:2px solid #4ade80!important; border-radius:10px!important; }
a[class*="card-accent-"]:hover { border-color:var(--bx-green)!important; }
a[class*="card-accent-"] i { color:var(--bx-green)!important; }
#order-standard_cart .view-cart-items-header { background:#183e32!important; color:#baf7d0!important; }
.master-breadcrumb { background:#0a1823!important; border-bottom:1px solid var(--bx-border); }
#order-standard_cart .products .product, #order-standard_cart .view-cart-items, #order-standard_cart .summary-container, #order-standard_cart .order-summary, #order-standard_cart .field-container, #order-standard_cart .sub-heading span { background:var(--bx-card)!important; color:var(--bx-text)!important; border-color:var(--bx-border)!important; }
#order-standard_cart .product header, #order-standard_cart .product footer, #order-standard_cart .view-cart-items .item, #order-standard_cart .view-cart-tabs .tab-content { background:#10232f!important; color:var(--bx-text)!important; }
#order-standard_cart .sub-heading { border-color:var(--bx-border)!important; }
.bx-network { display:flex; align-items:center; justify-content:center; gap:24px; padding:10px 20px; border-bottom:1px solid var(--bx-border); background:#07141d; font-size:12px; }
.bx-network a { color:var(--bx-muted); text-decoration:none; }
.bx-network a[aria-current], .bx-network a:hover { color:var(--bx-green); }
:focus-visible { outline:2px solid var(--bx-yellow)!important; outline-offset:3px; }
@media(max-width:767px) { #main-body { padding-top:24px; } .login-form { padding:0; } .header .navbar-brand img { width:165px; } .bx-network { gap:18px; } }
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto!important; transition:none!important; } }
