/* MyHostHub v4 - Light, premium hosting UI. Visual layer only. */ :root{--mhh-blue:#0b98f5;--mhh-blue-dark:#0879d1;--mhh-orange:#ff6b00;--mhh-ink:#0b1730;--mhh-text:#24324a;--mhh-muted:#667085;--mhh-border:#e3ebf5;--mhh-shadow:0 14px 45px rgba(20,55,95,.08);--mhh-radius:18px} html{scroll-behavior:smooth}body{background:#fff!important;color:var(--mhh-text)!important}a{color:var(--mhh-blue)}a:hover{color:var(--mhh-blue-dark)} #header.myhosthub-header{position:relative;z-index:100;background:#fff!important;border-bottom:1px solid #edf2f7!important;box-shadow:0 4px 22px rgba(16,24,40,.05)!important} .mhh-promo-bar{background:linear-gradient(90deg,#ff6500,#ff8a00);color:#fff;font-size:12px;padding:9px 0}.mhh-promo-bar .container{display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.mhh-promo-pill{background:rgba(255,255,255,.2);padding:4px 10px;border-radius:999px;font-weight:800}.mhh-promo-bar a{color:#fff!important;text-decoration:none;background:rgba(255,255,255,.2);padding:6px 13px;border-radius:999px;font-weight:800}.mhh-promo-bar a:hover{background:#fff;color:var(--mhh-orange)!important} .myhosthub-header .navbar{background:#fff!important;border:0!important}.myhosthub-header .navbar-brand{padding-top:7px;padding-bottom:7px}.myhosthub-header .logo-img{max-height:52px;width:auto}.myhosthub-header .navbar-nav .nav-link,.myhosthub-header .navbar-nav .btn{color:#18263c!important;font-weight:650}.myhosthub-header .main-navbar-wrapper{border-top:1px solid #f0f3f7!important}.myhosthub-header #nav>.nav-item>.nav-link,.myhosthub-header .main-navbar-wrapper .nav-link{padding:.78rem .78rem;font-size:14px}.myhosthub-header .main-navbar-wrapper .nav-link:hover{color:var(--mhh-blue)!important}.myhosthub-header .search .form-control,.myhosthub-header .search .btn{background:#fff!important;border-color:#d9e3ee!important;color:#344054!important}.myhosthub-header .search .form-control{border-radius:0 9px 9px 0}.myhosthub-header .search .btn{border-radius:9px 0 0 9px}.myhosthub-header .search .form-control::placeholder{color:#98a2b3}.myhosthub-header .cart-btn{border:1px solid #dfe7f0!important;border-radius:9px!important;background:#fff!important}.myhosthub-header .badge-info{background:var(--mhh-blue)!important;color:#fff!important}.myhosthub-header .topbar{background:#f7faff!important;border-bottom:1px solid #edf2f7!important} .myhosthub-header .dropdown-menu{border:1px solid var(--mhh-border)!important;border-radius:12px!important;box-shadow:0 18px 45px rgba(16,24,40,.12)!important;padding:7px!important}.myhosthub-header .dropdown-item{border-radius:8px;padding:9px 12px;color:#24324a!important}.myhosthub-header .dropdown-item:hover{background:#edf7ff!important;color:var(--mhh-blue)!important} .master-breadcrumb{background:#f7faff!important;border:0!important;min-height:38px}.master-breadcrumb a{color:#63748a}#main-body{background:#fff!important;min-height:620px}.primary-content{padding-top:30px;padding-bottom:70px}.primary-content>h1,.primary-content>h2,.primary-content>h3{color:var(--mhh-ink)!important;font-weight:800;letter-spacing:-.025em} .card,.panel,.well{border:1px solid var(--mhh-border)!important;border-radius:var(--mhh-radius)!important;background:#fff!important;box-shadow:0 7px 25px rgba(20,55,95,.045)}.card-header,.card-footer,.panel-heading,.panel-footer{background:#fff!important;border-color:#edf2f7!important}.card-header h1,.card-header h2,.card-header h3,.panel-title{color:var(--mhh-ink)!important;font-weight:800}.card:hover{border-color:#d6e6f5!important} .btn{border-radius:10px;font-weight:750;transition:all .18s ease}.btn-primary{background:var(--mhh-blue)!important;border-color:var(--mhh-blue)!important;color:#fff!important;box-shadow:0 7px 18px rgba(11,152,245,.18)}.btn-primary:hover{background:var(--mhh-blue-dark)!important;border-color:var(--mhh-blue-dark)!important;transform:translateY(-1px)}.btn-outline-primary{color:var(--mhh-blue)!important;border-color:#a9d9fa!important;background:#fff!important}.btn-outline-primary:hover{background:#edf8ff!important;border-color:var(--mhh-blue)!important}.btn-success{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}.btn-default,.btn-light{background:#fff!important;border-color:#d9e3ee!important;color:#344054!important}.btn-default:hover,.btn-light:hover{background:#f7faff!important;border-color:#bfd2e6!important} .form-control,.custom-select{border:1px solid #d7e1ec!important;border-radius:10px!important;box-shadow:none!important;color:#172033;background:#fff}.form-control:focus,.custom-select:focus{border-color:#72c7fb!important;box-shadow:0 0 0 3px rgba(11,152,245,.1)!important}label,.form-control-label{color:#24324a;font-weight:600}.input-group-text{background:#f7faff;border-color:#d7e1ec;color:#607086} body.myhosthub-page-homepage .master-breadcrumb{display:none}.home-domain-search.myhosthub-domain-shell{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5fbff 0%,#fff 55%,#eef7ff 100%)!important;color:var(--mhh-ink)!important;border:0!important;padding:0!important}.home-domain-search:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,152,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,152,245,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.home-domain-search:after{content:"";position:absolute;width:520px;height:520px;left:-260px;top:-150px;border-radius:50%;background:rgba(81,143,255,.12);pointer-events:none}.home-domain-search .container{position:relative;z-index:2}.home-domain-search .p-0{padding:78px 0 62px!important}.myhosthub-eyebrow,.myhosthub-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbeaff;background:#fff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;color:#2874a6;box-shadow:0 5px 16px rgba(11,152,245,.07)}.myhosthub-domain-title{max-width:930px;margin:21px auto 14px!important;color:var(--mhh-ink)!important;font-size:clamp(42px,5.4vw,70px)!important;line-height:1.03!important;letter-spacing:-.055em!important;font-weight:850!important}.myhosthub-domain-copy{max-width:740px;margin:0 auto 28px!important;color:#667085!important;font-size:17px;line-height:1.7}.myhosthub-domain-form{max-width:1000px;margin:0 auto;background:#fff;padding:8px;border:1px solid #dce8f3;border-radius:17px;box-shadow:0 22px 60px rgba(33,83,125,.13)!important}.myhosthub-domain-form .input-group{height:58px}.myhosthub-domain-form .form-control{height:58px;border:0!important;border-radius:11px!important;font-size:16px}.myhosthub-domain-form .input-group-append .btn{height:58px;border-radius:10px!important;padding:0 25px}.home-domain-search .tld-logos{border:0!important;margin:18px auto 0!important}.home-domain-search .tld-logos li{color:#65758a!important}.home-domain-search .btn-link{color:var(--mhh-blue)!important;font-weight:700} body.myhosthub-page-homepage #main-body>.container{max-width:1180px}body.myhosthub-page-homepage .primary-content{padding-top:0}body.myhosthub-page-homepage .primary-content>h2{font-size:34px;margin:58px 0 28px!important}body.myhosthub-page-homepage .card-columns.home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 55px!important}body.myhosthub-page-homepage .card-columns.home .card{margin:0!important;min-height:245px;display:flex}body.myhosthub-page-homepage .card-columns.home .card-body{padding:30px!important;display:flex;flex-direction:column;justify-content:center;width:100%;text-align:left!important}body.myhosthub-page-homepage .card-columns.home .card-title{font-size:22px;font-weight:800;color:var(--mhh-ink)}body.myhosthub-page-homepage .card-columns.home p{color:var(--mhh-muted);line-height:1.65;min-height:45px}body.myhosthub-page-homepage .card-columns.home .btn{margin-top:8px;border-radius:10px} .mhh-home-intro{position:relative;background:#fff!important;color:var(--mhh-ink);padding:55px 0 20px}.mhh-home-intro h1{color:var(--mhh-ink)!important}.mhh-home-intro p{color:#667085!important}.mhh-home-intro h1 span{color:var(--mhh-blue)!important}.mhh-server-card,.mhh-feature,.action-icon-btns a{background:#fff!important;border-color:var(--mhh-border)!important}.mhh-server-card{box-shadow:var(--mhh-shadow)!important}.mhh-feature{border:1px solid var(--mhh-border);border-radius:16px;padding:26px;height:100%;box-shadow:0 7px 25px rgba(20,55,95,.045)}.mhh-feature i{color:var(--mhh-blue);font-size:22px;margin-bottom:14px}.mhh-feature h3{font-size:19px;color:var(--mhh-ink);font-weight:800}.mhh-feature p{color:var(--mhh-muted)}.mhh-why{padding:35px 0 45px;background:#f8fbff}.mhh-section-head h2{font-size:34px;color:var(--mhh-ink);font-weight:850;letter-spacing:-.035em}.mhh-section-head p{color:var(--mhh-muted)}.mhh-mini-label{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--mhh-blue)}.action-icon-btns{margin:0 -8px 55px!important}.action-icon-btns>div{padding:8px!important}.action-icon-btns a{min-height:155px!important;border:1px solid var(--mhh-border)!important;border-radius:16px!important;box-shadow:0 7px 24px rgba(20,55,95,.05)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--mhh-ink)!important;font-weight:750}.action-icon-btns a:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(20,55,95,.1)!important;color:var(--mhh-blue)!important}.action-icon-btns .ico-container{margin:0!important;width:54px;height:54px;border-radius:15px;background:#edf7ff;display:flex;align-items:center;justify-content:center;color:var(--mhh-blue);font-size:23px} .sidebar .panel,.sidebar .card{box-shadow:0 7px 24px rgba(20,55,95,.045)!important;overflow:hidden}.sidebar .panel-heading,.sidebar .card-header{font-weight:800;color:var(--mhh-ink);padding:15px 17px}.sidebar .list-group-item{border-color:#edf2f7;background:#fff;padding:12px 16px}.sidebar .list-group-item:hover{background:#f7fbff;color:var(--mhh-blue)}.tiles{margin-top:10px}.tiles .tile{border:1px solid var(--mhh-border)!important;background:#fff!important;border-radius:17px!important;box-shadow:0 7px 24px rgba(20,55,95,.05);transition:.18s ease}.tiles .tile:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(20,55,95,.09)}.tiles .stat{color:var(--mhh-ink)}.tiles .title{color:var(--mhh-muted)} .table-container{border:1px solid var(--mhh-border);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 7px 24px rgba(20,55,95,.045)}.table{margin-bottom:0;background:#fff}.table thead th{background:#f7faff;border-bottom:1px solid #e4edf6!important;color:#516177;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.table td{border-color:#edf2f7!important;color:#24324a;vertical-align:middle}.table tbody tr:hover{background:#f8fbff}.label.status,.status{border-radius:999px;padding:5px 9px;font-weight:700}.nav-tabs{border-bottom:1px solid #e2eaf3}.nav-tabs .nav-link{border:0;border-bottom:2px solid transparent;color:#667085;font-weight:700}.nav-tabs .nav-link:hover{color:var(--mhh-blue)}.nav-tabs .nav-link.active{color:var(--mhh-blue)!important;background:#fff;border-bottom-color:var(--mhh-blue)!important}.alert{border-radius:12px;border:1px solid var(--mhh-border)} body.myhosthub-page-login #header,body.myhosthub-page-login .master-breadcrumb,body.myhosthub-page-login #footer{display:none!important}body.myhosthub-page-login #main-body{min-height:100vh;background:#eef6ff!important}body.myhosthub-page-login #main-body>.container{max-width:none!important;padding:0!important}body.myhosthub-page-login .primary-content{padding:0!important}.mhh-login-layout{min-height:100vh;width:100%;max-width:none!important;margin:0!important;display:grid;grid-template-columns:40% 60%;border:0!important;border-radius:0!important;overflow:hidden;background:#fff!important;box-shadow:none!important}.mhh-login-promo{position:relative;padding:70px 8%;background:linear-gradient(145deg,#1768ed,#1e58d9 55%,#0f4fd2);color:#fff!important;overflow:hidden}.mhh-login-promo:before{content:"";position:absolute;width:430px;height:430px;right:-200px;top:-190px;border-radius:50%;background:rgba(255,255,255,.09)}.mhh-login-promo:after{content:"";position:absolute;width:330px;height:330px;left:-190px;bottom:-170px;border-radius:50%;background:rgba(255,255,255,.09)}.mhh-login-promo>*{position:relative;z-index:2}.mhh-login-promo .mhh-kicker{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1);box-shadow:none}.mhh-login-promo h1{font-size:clamp(34px,4vw,52px);line-height:1.02;font-weight:850;margin:85px 0 16px;color:#fff!important;letter-spacing:-.045em}.mhh-login-promo p{max-width:500px;color:rgba(255,255,255,.82)!important;line-height:1.7}.mhh-login-promo ul{list-style:none;padding:0;margin:35px 0 0}.mhh-login-promo li{padding:12px 0;color:#fff;font-weight:700}.mhh-login-promo li i{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.14);margin-right:10px}.mhh-login-box{display:flex;align-items:center;justify-content:center;padding:50px 7%;background:#f5f9ff}.mhh-login-box .login-form{width:min(560px,100%)}.mhh-login-box .login-form .card{max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}.mhh-login-box .card-body{padding:0!important}.mhh-login-box .card-footer{padding:20px 0 0!important;margin-top:22px;border-top:1px solid #dfe8f2!important;background:transparent!important}.mhh-login-box h6.h3{font-size:34px!important;font-weight:850;color:var(--mhh-ink);margin-bottom:8px}.mhh-login-box .text-muted{color:#7a8798!important}.mhh-login-box .input-group-text{background:#fff;border-radius:10px 0 0 10px}.mhh-login-box .input-group .form-control{height:48px}.mhh-login-box .btn-reveal-pw{border-color:#d7e1ec!important;background:#fff!important;height:48px}.mhh-login-box #login{height:48px;padding:0 24px} #footer{background:#fff!important;color:#667085!important;border-top:1px solid #e8eef5!important;padding:48px 0 28px}#footer .nav-link,#footer .btn{color:#4f6077!important}#footer .nav-link:hover{color:var(--mhh-blue)!important}#footer .copyright{color:#98a2b3!important}.modal-content{border:1px solid var(--mhh-border);border-radius:16px;box-shadow:0 24px 70px rgba(16,24,40,.16)}.modal-header,.modal-footer{border-color:#edf2f7;background:#fff} .mhh-trust-strip{background:#fff;border-bottom:1px solid #edf2f7;padding:20px 0}.mhh-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mhh-trust-grid>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:10px 14px;border-right:1px solid #edf2f7}.mhh-trust-grid>div:last-child{border-right:0}.mhh-trust-grid i{grid-row:span 2;width:36px;height:36px;border-radius:11px;background:#edf7ff;color:var(--mhh-blue);display:flex;align-items:center;justify-content:center}.mhh-trust-grid strong{font-size:13px;color:var(--mhh-ink)}.mhh-trust-grid span{font-size:11px;color:#8290a3} @media(max-width:1199px){.myhosthub-header .main-navbar-wrapper .nav-link{padding:.7rem .55rem}.mhh-login-layout{grid-template-columns:1fr}.mhh-login-promo{display:none}.mhh-login-box{min-height:100vh}}@media(max-width:991px){body.myhosthub-page-homepage .card-columns.home{grid-template-columns:repeat(2,minmax(0,1fr))}.home-domain-search .p-0{padding:58px 15px 50px!important}}@media(max-width:767px){.mhh-promo-bar .container{overflow:hidden}.mhh-promo-sep,.mhh-promo-bar .container>span:not(.mhh-promo-pill){display:none}.mhh-promo-bar{font-size:11px}.myhosthub-header .logo-img{max-height:43px}.myhosthub-domain-title{font-size:42px!important}.myhosthub-domain-copy{font-size:15px}body.myhosthub-page-homepage .card-columns.home{grid-template-columns:1fr}.mhh-login-box{padding:35px 20px}.mhh-trust-grid{grid-template-columns:repeat(2,1fr)}.mhh-trust-grid>div{border-right:0}}@media(max-width:575px){.home-domain-search .p-0{padding:48px 10px 42px!important}.myhosthub-domain-title{font-size:37px!important}.myhosthub-domain-form{padding:6px}.myhosthub-domain-form .input-group{display:block;height:auto}.myhosthub-domain-form .form-control{height:52px}.myhosthub-domain-form .input-group-append{display:flex!important}.myhosthub-domain-form .input-group-append .btn{flex:1;height:50px;margin-top:5px}.primary-content{padding-top:20px}} /* MyHostHub services: never let DataTables Responsive collapse all columns on mobile. */ .myhosthub-services-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .myhosthub-services-table-wrap table.table-list{min-width:760px;margin:0!important} .myhosthub-services-table-wrap .service-icon-col{width:48px} .myhosthub-services-table-wrap .service-action-col{width:115px;white-space:nowrap} .myhosthub-services-table-wrap .mhh-service-name{font-size:15px;color:var(--mhh-ink)} .myhosthub-services-table-wrap .mhh-service-domain{display:inline-block;margin-top:3px;font-size:12px;color:var(--mhh-blue)!important} .myhosthub-services-table-wrap .mhh-service-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;background:#edf7ff;color:var(--mhh-blue)} .myhosthub-services-table-wrap .mhh-manage-service{border-radius:9px!important;font-weight:700;white-space:nowrap} @media(max-width:767px){ .myhosthub-services-table-wrap{border-radius:14px} .myhosthub-services-table-wrap table.table-list{font-size:12px} .myhosthub-services-table-wrap table.table-list tbody td{padding:10px 7px} .myhosthub-services-table-wrap .mhh-service-name{font-size:13px} .myhosthub-services-table-wrap .mhh-manage-service{padding:6px 9px;font-size:11px} } /* ===== MyHostHub premium services UI ===== */ .mhh-services-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:26px 28px;border:1px solid #e5edf7;border-radius:22px;background:linear-gradient(135deg,#ffffff,#f5f9ff);box-shadow:0 14px 45px rgba(31,72,125,.08);position:relative;overflow:hidden}.mhh-services-header:after{content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(23,104,237,.14),transparent 68%);pointer-events:none}.mhh-services-header>*{position:relative;z-index:1}.mhh-eyebrow{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.16em;color:#1768ed;margin-bottom:7px}.mhh-services-header h2{margin:0;font-size:28px;font-weight:850;letter-spacing:-.035em;color:#132238}.mhh-services-header h2 i{color:#1768ed;margin-right:8px}.mhh-services-header p{margin:7px 0 0;color:#718096}.mhh-order-btn{border-radius:12px;padding:11px 17px;font-weight:800;white-space:nowrap;box-shadow:0 9px 20px rgba(23,104,237,.2)}.mhh-mobile-services{display:none}.mhh-desktop-services{display:block}.mhh-service-row{transition:background .16s ease,transform .16s ease}.mhh-service-row:hover{background:#f7fbff!important}.myhosthub-services-table-wrap{border-radius:18px;box-shadow:0 14px 40px rgba(31,72,125,.07);border-color:#e5edf7}.myhosthub-services-table-wrap table.table-list{min-width:800px}.myhosthub-services-table-wrap .mhh-service-icon,.mhh-service-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#eef7ff,#e4f0ff);color:#1768ed;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(23,104,237,.08)}.mhh-service-name{font-size:14px;color:#15253d}.mhh-service-domain{font-size:12px;color:#1768ed!important;font-weight:650}.mhh-manage-service{border-radius:10px!important;font-weight:800;box-shadow:0 5px 14px rgba(23,104,237,.14)} @media(max-width:767px){.mhh-services-header{padding:20px;border-radius:18px;align-items:flex-start}.mhh-services-header h2{font-size:22px}.mhh-services-header p{font-size:12px}.mhh-order-btn{padding:9px 11px;font-size:11px}.mhh-desktop-services{display:none}.mhh-mobile-services{display:grid;gap:14px}.mhh-service-card{padding:17px;border:1px solid #e2ebf5;border-radius:18px;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 12px 34px rgba(31,72,125,.075);overflow:hidden}.mhh-service-card-top{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center}.mhh-service-title h3{font-size:15px;margin:0;color:#15253d;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhh-service-title a,.mhh-service-title span{display:block;margin-top:4px;font-size:11px;color:#1768ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhh-service-status{font-size:10px;font-weight:850;padding:5px 8px;border-radius:999px;white-space:nowrap;background:#edf8f2;color:#16824c}.mhh-service-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;padding:12px;border:1px solid #edf2f7;border-radius:12px;background:#fff}.mhh-service-meta span{display:block;color:#8592a3;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.mhh-service-meta strong{display:block;margin-top:4px;color:#24344c;font-size:13px}.mhh-service-meta small{font-size:10px;color:#8b98a8}.mhh-service-manage{display:flex;align-items:center;width:100%;border-radius:11px!important;font-weight:800;padding:10px 12px;box-shadow:0 7px 17px rgba(23,104,237,.16)}.mhh-service-manage .ml-auto{margin-left:auto!important}} /* ======================================================================== MYHOSTHUB v5 — ROYAL BLUE / ROYAL GREEN GLOBAL UI REFRESH Compact header • mobile-first navigation • no orange/light-blue styling ======================================================================== */ :root{ --mhh-blue:#1746b8; --mhh-blue-dark:#0d2f82; --mhh-blue-soft:#edf2ff; --mhh-green:#168653; --mhh-green-dark:#0e6940; --mhh-green-soft:#edf8f2; --mhh-ink:#101b33; --mhh-text:#27324a; --mhh-muted:#69758a; --mhh-border:#e2e7ef; --mhh-bg:#f7f9fc; --mhh-radius:18px; --mhh-shadow:0 12px 34px rgba(16,31,61,.08) } html,body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important} body{background:#fff!important;color:var(--mhh-text)!important} a{color:var(--mhh-blue)} a:hover{color:var(--mhh-blue-dark)} /* Compact, clean header */ #header.myhosthub-header{background:#fff!important;border-bottom:1px solid var(--mhh-border)!important;box-shadow:0 4px 20px rgba(16,31,61,.055)!important} #header.myhosthub-header .topbar{display:none!important} .mhh-promo-bar{height:38px;padding:0!important;background:linear-gradient(90deg,var(--mhh-blue-dark),var(--mhh-blue))!important;color:#fff!important;font-size:11px!important;overflow:hidden} .mhh-promo-bar .container{height:38px;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap} .mhh-promo-pill{padding:4px 9px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-weight:800} .mhh-promo-bar strong{font-weight:800;letter-spacing:.01em} .mhh-promo-sep{opacity:.55} .mhh-promo-bar a{padding:5px 11px!important;background:var(--mhh-green)!important;color:#fff!important;border-radius:999px!important;font-weight:800!important} .mhh-promo-bar a:hover{background:var(--mhh-green-dark)!important;color:#fff!important} #header.myhosthub-header>.navbar:not(.main-navbar-wrapper){min-height:72px;padding:8px 0!important;background:#fff!important} .myhosthub-header>.navbar:not(.main-navbar-wrapper)>.container{position:relative;display:flex;align-items:center;min-height:56px} .myhosthub-header .navbar-brand{padding:0!important;margin:0!important;display:flex;align-items:center;line-height:1} .myhosthub-header .logo-img{display:block;max-height:48px!important;width:auto!important;max-width:210px;object-fit:contain} .myhosthub-header .search{margin-left:auto!important;margin-right:12px!important} .myhosthub-header .search .form-control,.myhosthub-header .search .btn{border-color:var(--mhh-border)!important;background:#fff!important;color:var(--mhh-text)!important} .myhosthub-header .search .form-control:focus{border-color:var(--mhh-blue)!important;box-shadow:0 0 0 3px rgba(23,70,184,.10)!important} /* Cart + menu: separated, aligned and visually equal */ .myhosthub-header .toolbar{display:flex!important;align-items:center;gap:12px!important;margin:0!important;padding:0!important} .myhosthub-header .toolbar .nav-item{margin:0!important} .myhosthub-header .toolbar .btn{width:46px;height:44px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mhh-border)!important;border-radius:13px!important;background:#fff!important;color:var(--mhh-blue-dark)!important;box-shadow:0 5px 14px rgba(16,31,61,.055)} .myhosthub-header .toolbar .btn:hover{border-color:var(--mhh-blue)!important;background:var(--mhh-blue-soft)!important;color:var(--mhh-blue)!important} .myhosthub-header .cart-btn{position:relative} .myhosthub-header .cart-btn .badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:2px 5px!important;display:flex;align-items:center;justify-content:center;border-radius:999px!important;background:var(--mhh-green)!important;color:#fff!important;border:2px solid #fff;font-size:10px} /* Main menu */ .myhosthub-header .main-navbar-wrapper{min-height:46px;padding:0!important;background:#fff!important;border-top:1px solid #eef1f5!important;border-bottom:1px solid var(--mhh-border)!important} .myhosthub-header .main-navbar-wrapper .container{min-height:46px} .myhosthub-header .main-navbar-wrapper .navbar-collapse{align-items:center} .myhosthub-header #nav,.myhosthub-header .main-navbar-wrapper .navbar-nav{align-items:center;gap:2px} .myhosthub-header .main-navbar-wrapper .nav-link{padding:10px 12px!important;border-radius:10px;color:#26334b!important;font-size:13px!important;font-weight:750!important;transition:.18s ease} .myhosthub-header .main-navbar-wrapper .nav-link:hover,.myhosthub-header .main-navbar-wrapper .nav-item.active>.nav-link{background:var(--mhh-blue-soft)!important;color:var(--mhh-blue)!important;text-decoration:none} .myhosthub-header .main-navbar-wrapper .dropdown-menu{margin-top:7px!important;background:#fff!important;border:1px solid var(--mhh-border)!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(16,31,61,.13)!important;padding:7px!important} .myhosthub-header .main-navbar-wrapper .dropdown-item{border-radius:9px!important;padding:9px 11px!important;color:#27324a!important;font-weight:650} .myhosthub-header .main-navbar-wrapper .dropdown-item:hover{background:var(--mhh-blue-soft)!important;color:var(--mhh-blue)!important} .mhh-profile-menu-item{list-style:none!important;margin:0 2px!important} .mhh-profile-menu-item a{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;color:var(--mhh-green-dark)!important;font-size:13px;font-weight:800;text-decoration:none!important} .mhh-profile-menu-item a:hover{background:var(--mhh-green-soft);color:var(--mhh-green)!important} /* Breadcrumb and page canvas */ .master-breadcrumb{background:#f7f9fc!important;border-bottom:1px solid var(--mhh-border)!important;min-height:40px!important} .master-breadcrumb a{color:var(--mhh-blue)!important} #main-body{background:#fff!important} .primary-content{padding-top:28px;padding-bottom:68px} .primary-content>h1,.primary-content>h2,.primary-content>h3{color:var(--mhh-ink)!important;font-weight:850!important;letter-spacing:-.035em} /* Global cards / panels */ .card,.panel,.well{border:1px solid var(--mhh-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--mhh-shadow)!important} .card-header,.card-footer,.panel-heading,.panel-footer{background:#fff!important;border-color:#edf0f4!important} .card-header h1,.card-header h2,.card-header h3,.panel-title{color:var(--mhh-ink)!important;font-weight:800!important} .card:hover{border-color:#cfd8e7!important} .card .text-muted,.panel .text-muted{color:var(--mhh-muted)!important} /* Global buttons */ .btn{border-radius:11px!important;font-weight:750!important;transition:.18s ease} .btn-primary{background:var(--mhh-blue)!important;border-color:var(--mhh-blue)!important;color:#fff!important;box-shadow:0 7px 18px rgba(23,70,184,.20)!important} .btn-primary:hover{background:var(--mhh-blue-dark)!important;border-color:var(--mhh-blue-dark)!important;transform:translateY(-1px)} .btn-success{background:var(--mhh-green)!important;border-color:var(--mhh-green)!important;color:#fff!important;box-shadow:0 7px 18px rgba(22,134,83,.18)!important} .btn-success:hover{background:var(--mhh-green-dark)!important;border-color:var(--mhh-green-dark)!important} .btn-outline-primary{color:var(--mhh-blue)!important;border-color:#aebde0!important;background:#fff!important} .btn-outline-primary:hover{background:var(--mhh-blue)!important;border-color:var(--mhh-blue)!important;color:#fff!important} .btn-default,.btn-light{background:#fff!important;border-color:#d9dfe8!important;color:#334057!important} .btn-default:hover,.btn-light:hover{background:#f7f9fc!important;border-color:#b9c4d5!important;color:var(--mhh-blue)!important} /* Forms */ .form-control,.custom-select{border:1px solid #d7dee8!important;border-radius:11px!important;background:#fff!important;color:#172033!important;box-shadow:none!important} .form-control:focus,.custom-select:focus{border-color:var(--mhh-blue)!important;box-shadow:0 0 0 3px rgba(23,70,184,.10)!important} label,.form-control-label{color:#27324a!important;font-weight:650!important} .input-group-text{background:#f7f9fc!important;border-color:#d7dee8!important;color:#59677e!important} /* Sidebar */ .sidebar .card-sidebar{overflow:hidden} .sidebar .card-sidebar .card-header{padding:15px 17px!important} .sidebar .card-sidebar .card-title{font-size:15px!important} .sidebar .list-group-item{border-color:#edf0f4!important;color:#35425a!important;padding:12px 15px!important} .sidebar .list-group-item:hover{background:var(--mhh-blue-soft)!important;color:var(--mhh-blue)!important} .sidebar .list-group-item.active{background:var(--mhh-blue)!important;border-color:var(--mhh-blue)!important;color:#fff!important} .sidebar-menu-item-icon-wrapper{color:var(--mhh-blue)!important} .sidebar .list-group-item.active .sidebar-menu-item-icon-wrapper{color:#fff!important} /* Homepage: remove the profile/info card from the page entirely. */ body.myhosthub-page-homepage .sidebar .card-sidebar:first-child{display:none!important} body.myhosthub-page-homepage .primary-content{padding-top:0!important} body.myhosthub-page-homepage .card-columns.home .card{border-radius:20px!important} body.myhosthub-page-homepage .card-columns.home .btn-outline-primary{border-width:1px!important} /* All tables, alerts, tabs and common WHMCS UI */ .table{color:#2c3850!important} .table thead th{background:#f7f9fc!important;color:#4a5870!important;border-color:#e5e9ef!important;font-weight:800!important} .table td,.table th{border-color:#edf0f4!important} .alert{border-radius:13px!important;border-width:1px!important;box-shadow:none!important} .nav-tabs{border-bottom:1px solid var(--mhh-border)!important} .nav-tabs .nav-link{color:#536178!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:8px 8px 0 0!important;font-weight:700} .nav-tabs .nav-link:hover{background:var(--mhh-blue-soft)!important;color:var(--mhh-blue)!important} .nav-tabs .nav-link.active{color:var(--mhh-blue)!important;background:#fff!important;border-bottom-color:var(--mhh-blue)!important} .badge-info{background:var(--mhh-blue)!important} .badge-success{background:var(--mhh-green)!important} /* Footer */ #footer{background:#fff!important;border-top:1px solid var(--mhh-border)!important;color:#6d788a!important;padding:44px 0 26px!important} #footer a{color:#52617a!important} #footer a:hover{color:var(--mhh-blue)!important} /* Mobile header: no giant blank area, no cramped controls, clean menu sheet */ @media(max-width:1199px){ #header.myhosthub-header>.navbar:not(.main-navbar-wrapper){min-height:68px;padding:7px 0!important} .myhosthub-header>.navbar:not(.main-navbar-wrapper)>.container{min-height:54px} .myhosthub-header .logo-img{max-height:46px!important;max-width:190px} .myhosthub-header .main-navbar-wrapper{border-top:0!important;background:#fff!important} .myhosthub-header .main-navbar-wrapper .navbar-collapse{padding:10px 0 14px!important} .myhosthub-header .main-navbar-wrapper .navbar-nav{display:block!important} .myhosthub-header .main-navbar-wrapper .nav-link{padding:12px 13px!important;margin:2px 0!important} .mhh-profile-menu-item a{padding:12px 13px!important;margin:2px 0!important} .myhosthub-header .main-navbar-wrapper .dropdown-menu{position:static!important;float:none!important;margin:3px 0 6px!important;box-shadow:none!important;background:#f8fafc!important} } @media(max-width:767px){ .mhh-promo-bar{height:36px!important;font-size:10px!important} .mhh-promo-bar .container{height:36px!important;justify-content:space-between!important;gap:7px!important;padding:0 10px!important} .mhh-promo-pill{font-size:9px!important;padding:4px 7px!important} .mhh-promo-bar .container>span:not(.mhh-promo-pill),.mhh-promo-sep{display:none!important} .mhh-promo-bar strong{font-size:10px!important;overflow:hidden;text-overflow:ellipsis} .mhh-promo-bar a{font-size:9px!important;padding:5px 8px!important;flex:0 0 auto} #header.myhosthub-header>.navbar:not(.main-navbar-wrapper){min-height:64px!important;padding:6px 0!important} .myhosthub-header>.navbar:not(.main-navbar-wrapper)>.container{min-height:52px!important;padding-left:12px!important;padding-right:12px!important} .myhosthub-header .navbar-brand{flex:1 1 auto;min-width:0} .myhosthub-header .logo-img{max-height:42px!important;max-width:175px!important} .myhosthub-header .search{display:none!important} .myhosthub-header .toolbar{margin-left:auto!important;gap:12px!important;flex:0 0 auto} .myhosthub-header .toolbar .btn{width:44px!important;height:42px!important;border-radius:12px!important} .myhosthub-header .main-navbar-wrapper .container{padding-left:12px!important;padding-right:12px!important} .myhosthub-header .main-navbar-wrapper .navbar-collapse{padding:8px 0 12px!important} .myhosthub-header .main-navbar-wrapper form.d-xl-none{margin-bottom:8px!important} .myhosthub-header .main-navbar-wrapper form .form-control{height:46px!important} .master-breadcrumb{min-height:40px!important} .master-breadcrumb .container{padding-left:12px!important;padding-right:12px!important} .primary-content{padding:20px 12px 52px!important} body.myhosthub-page-homepage .primary-content{padding-left:12px!important;padding-right:12px!important} body.myhosthub-page-homepage .card-columns.home{grid-template-columns:1fr!important;gap:14px!important} .card,.panel,.well{border-radius:16px!important} h1{font-size:28px!important}h2{font-size:23px!important}h3{font-size:18px!important} } @media(max-width:420px){ .mhh-promo-pill{display:none!important} .mhh-promo-bar .container{justify-content:center!important} .mhh-promo-bar a{padding:5px 9px!important} .myhosthub-header .logo-img{max-width:158px!important} .myhosthub-header .toolbar{gap:10px!important} .myhosthub-header .toolbar .btn{width:42px!important;height:40px!important} } /* ===================================================================== MYHOSTHUB V6 — HIGH GRAPHICS ROYAL UI ===================================================================== */ :root{--v6-blue:#1746b8;--v6-blue2:#2871e8;--v6-green:#15945b;--v6-green2:#0d7145;--v6-ink:#0c1830;--v6-muted:#65738a;--v6-line:#e2e8f2;--v6-soft:#f5f8ff} *{box-sizing:border-box} body{font-weight:600!important;color:var(--v6-ink)!important;background:#fff!important} strong,b,h1,h2,h3,h4,h5,h6,label,.btn,.nav-link{font-weight:800!important} /* Header: one compact row, logo left, controls right */ #header.myhosthub-header{background:#fff!important;border:0!important;box-shadow:0 8px 30px rgba(16,34,75,.07)!important} #header.myhosthub-header>.navbar:not(.main-navbar-wrapper){min-height:78px!important;height:78px!important;padding:0!important} .myhosthub-header>.navbar:not(.main-navbar-wrapper)>.container{height:78px!important;min-height:78px!important;padding-left:20px!important;padding-right:20px!important} .myhosthub-header .navbar-brand{flex:0 0 auto!important;margin:0!important;padding:0!important} .myhosthub-header .logo-img{max-height:58px!important;max-width:230px!important} .myhosthub-header .search{margin-left:auto!important;margin-right:18px!important} .myhosthub-header .search .form-control{height:44px!important;border-radius:13px!important} .myhosthub-header .toolbar{display:flex!important;gap:14px!important;align-items:center!important;margin:0!important} .myhosthub-header .toolbar .nav-item{margin:0!important} .myhosthub-header .toolbar .btn{width:48px!important;height:46px!important;padding:0!important;border:1px solid #dbe3ef!important;border-radius:14px!important;background:#fff!important;color:var(--v6-blue)!important;box-shadow:0 7px 20px rgba(19,54,110,.08)!important} .myhosthub-header .toolbar .btn:hover{transform:translateY(-2px);border-color:#b9c9e8!important;background:#f4f7ff!important} .myhosthub-header .cart-btn .badge{background:var(--v6-green)!important;border-color:#fff!important} .myhosthub-header .main-navbar-wrapper{min-height:50px!important;border:0!important;border-top:1px solid #eef2f7!important;background:#fff!important} .myhosthub-header .main-navbar-wrapper .container{min-height:50px!important} .myhosthub-header .main-navbar-wrapper .nav-link{padding:12px 14px!important;border-radius:10px!important;font-size:13px!important;color:#263550!important} .myhosthub-header .main-navbar-wrapper .nav-link:hover,.myhosthub-header .main-navbar-wrapper .nav-item.active>.nav-link{background:#eef3ff!important;color:var(--v6-blue)!important} .myhosthub-header .main-navbar-wrapper .dropdown-menu{border:1px solid var(--v6-line)!important;border-radius:15px!important;box-shadow:0 22px 55px rgba(10,30,70,.14)!important;padding:8px!important} .myhosthub-header .main-navbar-wrapper .dropdown-item{font-weight:700!important;border-radius:9px!important;padding:10px 12px!important} /* mobile drawer */ .mhh-mobile-drawer,.mhh-drawer-backdrop{display:none} @media(max-width:1199px){ .myhosthub-header>.navbar:not(.main-navbar-wrapper){min-height:76px!important;height:76px!important} .myhosthub-header>.navbar:not(.main-navbar-wrapper)>.container{height:76px!important;min-height:76px!important} .myhosthub-header .logo-img{max-height:54px!important;max-width:205px!important} .myhosthub-header .main-navbar-wrapper{display:none!important} .mhh-mobile-drawer{display:block;position:fixed;z-index:11000;top:0;right:0;width:min(360px,88vw);height:100dvh;background:#fff;transform:translateX(105%);transition:transform .38s cubic-bezier(.22,.8,.2,1);box-shadow:-25px 0 70px rgba(4,20,55,.20);overflow:auto} body.mhh-drawer-open{overflow:hidden!important} body.mhh-drawer-open .mhh-mobile-drawer{transform:translateX(0)} .mhh-drawer-backdrop{display:block;position:fixed;z-index:10999;inset:0;background:rgba(7,18,42,.42);opacity:0;pointer-events:none;transition:opacity .28s ease} body.mhh-drawer-open .mhh-drawer-backdrop{opacity:1;pointer-events:auto} .mhh-drawer-head{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #edf1f6;background:linear-gradient(135deg,#fff,#f5f8ff)} .mhh-drawer-brand img{max-width:170px;max-height:48px;display:block} .mhh-drawer-close{width:42px;height:42px;border:1px solid #dbe3ef;background:#fff;border-radius:13px;color:var(--v6-blue);font-size:17px} .mhh-drawer-search{padding:16px 18px 8px}.mhh-drawer-search .input-group{height:46px}.mhh-drawer-search .form-control{height:46px!important;border-radius:0 12px 12px 0!important}.mhh-drawer-search .btn{height:46px;border:1px solid #dbe3ef!important;border-right:0!important;border-radius:12px 0 0 12px!important;background:#f5f8ff!important;color:var(--v6-blue)!important} .mhh-drawer-nav{padding:4px 14px 35px}.mhh-drawer-section-title{font-size:10px;letter-spacing:.16em;color:#8793a6;font-weight:900;margin:16px 8px 7px} .mhh-drawer-nav ul{display:block!important;margin:0!important;padding:0!important;list-style:none!important}.mhh-drawer-nav li{list-style:none!important;margin:2px 0!important}.mhh-drawer-nav li>a,.mhh-drawer-item a{display:flex!important;align-items:center;gap:12px;padding:13px 13px!important;border-radius:12px!important;color:#24334d!important;font-size:14px!important;font-weight:750!important;text-decoration:none!important}.mhh-drawer-nav li>a:hover,.mhh-drawer-item a:hover{background:#eef3ff!important;color:var(--v6-blue)!important}.mhh-drawer-nav li>a i,.mhh-drawer-item a i{width:21px;text-align:center;color:var(--v6-blue)!important}.mhh-drawer-nav .dropdown-menu{display:block!important;position:static!important;float:none!important;border:0!important;box-shadow:none!important;background:#f7f9fd!important;border-radius:12px!important;margin:3px 0 5px 32px!important;padding:4px!important}.mhh-drawer-nav .dropdown-item{font-size:13px!important;padding:10px!important}.mhh-drawer-nav .caret,.mhh-drawer-nav .fa-angle-down{margin-left:auto} } @media(max-width:767px){.myhosthub-header>.navbar:not(.main-navbar-wrapper)>.container{padding:0 14px!important}.myhosthub-header .logo-img{max-width:178px!important;max-height:48px!important}.myhosthub-header .toolbar{gap:10px!important}.myhosthub-header .toolbar .btn{width:44px!important;height:42px!important;border-radius:12px!important}.myhosthub-header .toolbar .nav-item:first-child{margin-left:auto!important}} /* Remove old promo, old homepage whitespace and old profile card */ .mhh-promo-bar{display:none!important} body.myhosthub-page-homepage #main-body{background:#fff!important} body.myhosthub-page-homepage .master-breadcrumb{display:none!important} body.myhosthub-page-homepage .primary-content{padding:0!important} body.myhosthub-page-homepage .sidebar{display:none!important} /* Hero */ .mhh-home-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(40,113,232,.10),transparent 30%),linear-gradient(135deg,#f7faff 0%,#fff 58%,#f4fbf7 100%);padding:70px 0 34px;border-bottom:1px solid #e7edf5} .mhh-home-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,70,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,70,184,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none} .mhh-hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;animation:mhhFloat 8s ease-in-out infinite}.mhh-orb-one{width:260px;height:260px;right:-90px;top:80px;background:radial-gradient(circle,#1746b822,#1746b800)}.mhh-orb-two{width:210px;height:210px;left:-90px;bottom:-70px;background:radial-gradient(circle,#15945b25,#15945b00);animation-delay:-3s} .mhh-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.mhh-hero-chip,.mhh-section-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #c8d8f3;background:#fff;color:var(--v6-blue);border-radius:999px;padding:9px 15px;font-size:11px;letter-spacing:.07em;font-weight:900;box-shadow:0 8px 25px rgba(24,69,150,.07)}.mhh-hero-chip i{color:var(--v6-green)} .mhh-hero-copy h1{font-size:clamp(42px,5vw,70px);line-height:1.03;letter-spacing:-.055em;margin:22px 0 18px;color:var(--v6-ink)!important}.mhh-blue-word{color:var(--v6-blue);display:inline-block}.mhh-green-word{color:var(--v6-green);display:inline-block}.mhh-hero-copy>p{font-size:18px;line-height:1.7;color:#69778c;max-width:670px}.mhh-hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.mhh-hero-pills span{padding:9px 12px;border:1px solid #dfe6f0;border-radius:999px;background:#fff;color:#33435d;font-size:12px;box-shadow:0 6px 18px rgba(16,34,75,.05)}.mhh-hero-pills i{color:var(--v6-green);margin-right:5px}.mhh-hero-actions{display:flex;align-items:center;gap:22px;margin-top:22px}.mhh-btn-primary{display:inline-flex!important;align-items:center;gap:20px;padding:15px 23px!important;border-radius:15px!important;background:linear-gradient(135deg,var(--v6-blue),#2a79ec)!important;color:#fff!important;border:0!important;box-shadow:0 13px 30px rgba(23,70,184,.24)!important}.mhh-btn-primary:hover{transform:translateY(-2px);color:#fff!important}.mhh-btn-link{font-weight:850!important;color:#45546d!important;text-decoration:none!important}.mhh-btn-link i{color:var(--v6-blue);margin-left:7px}.mhh-headline-switch{position:relative;z-index:2;display:flex;justify-content:center;gap:8px;margin:48px auto 0;padding:13px 18px;border-radius:14px;background:#fff;border:1px solid #e2e9f2;box-shadow:0 10px 30px rgba(15,37,80,.06);width:max-content;max-width:100%;font-size:13px;color:#7a8798}.mhh-headline-switch strong{color:var(--v6-blue);min-width:235px;display:inline-block;animation:mhhHeadline .55s ease} .mhh-hero-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.mhh-server-card{width:min(390px,100%);padding:25px;border-radius:28px;background:linear-gradient(145deg,#fff,#f5f8ff);border:1px solid #dbe4f2;box-shadow:0 30px 80px rgba(18,50,108,.15);transform:rotate(1deg);animation:mhhCardFloat 6s ease-in-out infinite}.mhh-server-top{display:flex;align-items:center;gap:8px;font-size:13px;color:#263650}.mhh-live-dot{width:9px;height:9px;border-radius:50%;background:var(--v6-green);box-shadow:0 0 0 5px #15945b18}.mhh-online{margin-left:auto;font-size:9px;color:var(--v6-green);letter-spacing:.1em}.mhh-server-ring{width:205px;height:205px;margin:25px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--v6-blue) 0 84%,#dfe8f8 84%);position:relative}.mhh-server-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.mhh-ring-core{position:relative;z-index:2;width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8faff;border:1px solid #e1e8f3}.mhh-ring-core i{font-size:24px;color:var(--v6-blue);margin-bottom:5px}.mhh-ring-core b{font-size:25px}.mhh-ring-core small{font-size:9px;color:#8290a4;letter-spacing:.13em}.mhh-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mhh-metrics div{padding:11px 7px;text-align:center;background:#fff;border:1px solid #e6ebf2;border-radius:12px}.mhh-metrics b{display:block;color:var(--v6-blue);font-size:11px}.mhh-metrics span{display:block;color:#7a8799;font-size:9px;margin-top:2px}.mhh-float-card{position:absolute;display:flex;align-items:center;gap:8px;padding:11px 13px;background:#fff;border:1px solid #dfe6f0;border-radius:13px;box-shadow:0 15px 35px rgba(15,40,85,.12);font-size:10px;animation:mhhFloat 5s ease-in-out infinite}.mhh-float-card i{font-size:15px;color:var(--v6-green)}.mhh-float-card b{color:var(--v6-blue);font-size:8px}.mhh-float-a{left:0;top:82px}.mhh-float-b{right:-3px;bottom:75px;animation-delay:-2s}.mhh-float-b i{color:var(--v6-blue)} /* Domain */ .mhh-domain-section{padding:46px 0 70px;background:#fff}.mhh-domain-card{position:relative;overflow:hidden;padding:38px;border:1px solid #dfe6f1;border-radius:26px;background:linear-gradient(135deg,#f8fbff,#fff 60%,#f3fbf7);box-shadow:0 18px 55px rgba(16,37,78,.08)}.mhh-domain-card:after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:#1746b810}.mhh-domain-head{text-align:center;position:relative;z-index:2}.mhh-domain-head h2{font-size:clamp(30px,4vw,46px);margin:15px 0 8px;letter-spacing:-.045em}.mhh-domain-head h2 span{color:var(--v6-blue)}.mhh-domain-head p{color:#758297;margin:0}.mhh-domain-form{position:relative;z-index:2;max-width:850px;margin:25px auto 0;display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px;background:#fff;border:1px solid #dce4ef;border-radius:17px;box-shadow:0 12px 35px rgba(15,35,75,.08)}.mhh-domain-input{display:flex;align-items:center;gap:11px;padding:0 13px}.mhh-domain-input i{color:var(--v6-blue)}.mhh-domain-input .form-control{border:0!important;height:50px!important;box-shadow:none!important;font-size:15px!important}.mhh-domain-actions{display:flex;gap:8px}.mhh-domain-actions .btn{min-width:118px;border-radius:12px!important}.mhh-tld-row{position:relative;z-index:2;display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.mhh-tld-row span{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #e0e7f0;color:#5f6d82;font-size:10px}.mhh-domain-pricing{display:block;text-align:center;margin-top:16px;color:var(--v6-blue)!important;font-size:12px;font-weight:800} /* sections */ .mhh-products-section,.mhh-why-section,.mhh-quick-section{padding:78px 0}.mhh-products-section{background:#fbfcff}.mhh-section-head{text-align:center;max-width:760px;margin:0 auto 36px}.mhh-section-head h2{font-size:clamp(30px,4vw,45px);letter-spacing:-.045em;margin:14px 0 9px}.mhh-section-head h2 span{color:var(--v6-blue)}.mhh-section-head p{color:#738097;font-size:15px}.green-chip{border-color:#cbe9da!important;color:var(--v6-green)!important;background:#f7fffb!important}.mhh-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mhh-product-card{padding:26px;border:1px solid #e0e7f0;border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(16,37,78,.05);transition:.25s ease}.mhh-product-card:hover{transform:translateY(-5px);border-color:#bfd0ed;box-shadow:0 18px 45px rgba(16,37,78,.10)}.mhh-product-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#eef3ff;color:var(--v6-blue);font-size:18px}.mhh-product-icon.green{background:#ecfaf3;color:var(--v6-green)}.mhh-product-card h3{margin:17px 0 7px;font-size:19px}.mhh-product-card p{color:#748197;min-height:42px;font-size:13px}.mhh-product-card a{color:var(--v6-blue)!important;font-size:12px;font-weight:850!important;text-decoration:none}.mhh-product-card a i{margin-left:6px}.mhh-why-section{background:#fff}.mhh-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.mhh-feature-card{padding:24px;border:1px solid #e1e7f0;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(16,37,78,.045)}.mhh-feature-card>i{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eef3ff;color:var(--v6-blue)}.mhh-feature-card:nth-child(even)>i{background:#edf9f3;color:var(--v6-green)}.mhh-feature-card h3{font-size:16px;margin:16px 0 7px}.mhh-feature-card p{font-size:12px;line-height:1.65;color:#78869a;margin:0}.mhh-quick-section{background:#f7f9fd}.mhh-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mhh-quick-grid a{padding:21px;border:1px solid #e0e7f0;border-radius:17px;background:#fff;color:var(--v6-ink)!important;text-decoration:none!important;display:grid;grid-template-columns:42px 1fr;column-gap:11px;align-items:center;transition:.22s}.mhh-quick-grid a:hover{transform:translateY(-3px);border-color:#bfd0ed}.mhh-quick-grid i{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef3ff;color:var(--v6-blue)}.mhh-quick-grid a:nth-child(even) i{background:#edf9f3;color:var(--v6-green)}.mhh-quick-grid span{font-size:13px}.mhh-quick-grid small{color:#8290a3;font-size:10px} /* Global old component cleanup */ .card,.panel,.well{border-color:#e1e7f0!important;border-radius:18px!important;box-shadow:0 10px 32px rgba(16,37,78,.055)!important}.table thead th{background:#f6f8fc!important;color:#31415b!important}.form-control,.custom-select{border-color:#d7e0eb!important;border-radius:12px!important}.form-control:focus,.custom-select:focus{border-color:var(--v6-blue)!important;box-shadow:0 0 0 3px #1746b814!important}.btn-primary{background:linear-gradient(135deg,var(--v6-blue),#2a79ec)!important;border:0!important}.btn-success{background:linear-gradient(135deg,var(--v6-green),#18a366)!important;border:0!important}.text-primary{color:var(--v6-blue)!important}.text-success{color:var(--v6-green)!important} /* Login/register: premium compact layout, no huge blank top */ body.myhosthub-page-login #main-body,body.myhosthub-page-clientregister #main-body{background:#f6f9ff!important}.mhh-login-layout{min-height:100vh!important}.mhh-login-promo{background:radial-gradient(circle at 75% 20%,#ffffff1d,transparent 28%),linear-gradient(145deg,#0e2f83,#1746b8 55%,#15945b)!important}.mhh-login-promo h1{margin-top:45px!important}.mhh-login-box{background:#f7f9fd!important}.mhh-login-box .card-body{background:transparent!important} @media(max-width:991px){.mhh-hero-grid{grid-template-columns:1fr;gap:20px}.mhh-hero-visual{min-height:320px}.mhh-server-card{max-width:360px}.mhh-float-a{left:4%}.mhh-float-b{right:4%}.mhh-product-grid{grid-template-columns:repeat(2,1fr)}.mhh-feature-grid{grid-template-columns:repeat(2,1fr)}.mhh-quick-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:767px){.mhh-home-hero{padding:42px 0 25px}.mhh-hero-copy{text-align:center}.mhh-hero-chip{font-size:9px}.mhh-hero-copy h1{font-size:39px;margin:18px 0 13px}.mhh-hero-copy>p{font-size:14px;line-height:1.65}.mhh-hero-pills{justify-content:center}.mhh-hero-pills span{font-size:10px}.mhh-hero-actions{justify-content:center}.mhh-hero-visual{min-height:285px}.mhh-server-card{max-width:310px;padding:19px;border-radius:22px}.mhh-server-ring{width:155px;height:155px;margin:18px auto}.mhh-ring-core{width:100px;height:100px}.mhh-ring-core i{font-size:18px}.mhh-ring-core b{font-size:20px}.mhh-metrics b{font-size:9px}.mhh-metrics span{font-size:8px}.mhh-float-card{font-size:9px;padding:8px 10px}.mhh-float-a{left:0;top:42px}.mhh-float-b{right:0;bottom:40px}.mhh-headline-switch{font-size:11px;margin-top:30px;flex-wrap:wrap}.mhh-headline-switch strong{min-width:170px}.mhh-domain-section{padding:28px 0 44px}.mhh-domain-card{padding:25px 15px;border-radius:20px}.mhh-domain-head h2{font-size:31px}.mhh-domain-head p{font-size:12px}.mhh-domain-form{grid-template-columns:1fr;padding:8px}.mhh-domain-actions{display:grid;grid-template-columns:1fr 1fr}.mhh-domain-actions .btn{min-width:0}.mhh-products-section,.mhh-why-section,.mhh-quick-section{padding:55px 0}.mhh-section-head h2{font-size:30px}.mhh-product-grid,.mhh-feature-grid,.mhh-quick-grid{grid-template-columns:1fr}.mhh-product-card{padding:21px}.mhh-feature-card{padding:21px}.mhh-login-box{align-items:flex-start!important;justify-content:center!important;min-height:100vh!important;padding:62px 20px 45px!important}.mhh-login-box .login-form{width:100%!important}.mhh-login-box h6.h3{font-size:31px!important}} @media(max-width:420px){.myhosthub-header .logo-img{max-width:160px!important}.mhh-hero-copy h1{font-size:35px}.mhh-hero-actions{gap:14px}.mhh-btn-primary{padding:13px 17px!important}.mhh-btn-link{font-size:12px}.mhh-domain-actions .btn{font-size:11px!important}} @keyframes mhhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mhhCardFloat{0%,100%{transform:rotate(1deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}@keyframes mhhHeadline{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}} /* V6.1 FINAL: reliable mobile drawer + blue action buttons */ @media(max-width:1199px){ #mhhMobileDrawer.mhh-mobile-drawer{display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(360px,88vw)!important;height:100vh!important;height:100dvh!important;z-index:2147483000!important;background:#fff!important;transform:translate3d(105%,0,0)!important;transition:transform .38s cubic-bezier(.22,.8,.2,1)!important;pointer-events:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important} body.mhh-drawer-open #mhhMobileDrawer.mhh-mobile-drawer{transform:translate3d(0,0,0)!important;pointer-events:auto!important} .mhh-drawer-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2147482999!important;background:rgba(7,18,42,.46)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .28s ease,visibility .28s ease!important} body.mhh-drawer-open .mhh-drawer-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important} body.mhh-drawer-open{overflow:hidden!important;touch-action:none!important} } /* Make all green success/action buttons blue in the new UI */ .btn-success,.btn-success:focus,.btn-success:hover, button.btn-success,a.btn-success,input.btn-success, .mhh-domain-actions .btn-success,.mhh-home-hero .btn-success{background:linear-gradient(135deg,#159fe8,#1768d9)!important;border-color:#1768d9!important;color:#fff!important;box-shadow:0 9px 24px rgba(23,104,217,.20)!important} .btn-success:hover,.btn-success:focus{filter:brightness(1.04);transform:translateY(-1px)} /* Common old green action aliases */ .btn-green,.btn-green:hover,.btn-green:focus{background:linear-gradient(135deg,#159fe8,#1768d9)!important;border-color:#1768d9!important;color:#fff!important} /* V6.2 HARDENED MOBILE MENU: works even when other theme JS interferes */ @media (max-width:1199px){ .myhosthub-header .mhh-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;position:relative!important;z-index:2147483002!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;} body.mhh-drawer-open #mhhMobileDrawer{visibility:visible!important;opacity:1!important;display:block!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important;} body.mhh-drawer-open .mhh-drawer-backdrop{visibility:visible!important;opacity:1!important;display:block!important;pointer-events:auto!important;} #mhhMobileDrawer{will-change:transform!important;} } /* V6.3: PURE-CSS mobile drawer - no Bootstrap/JS dependency */ .mhh-menu-checkbox{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important} @media(max-width:1199px){ .myhosthub-header .mhh-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;user-select:none!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;position:relative!important;z-index:2147483005!important} .mhh-drawer-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2147482998!important;background:rgba(7,18,42,.48)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .28s ease,visibility .28s ease!important} .mhh-drawer-backdrop-close{position:absolute!important;inset:0!important;display:block!important;cursor:pointer!important} #mhhMobileDrawer.mhh-mobile-drawer{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(390px,88vw)!important;height:100vh!important;height:100dvh!important;z-index:2147483001!important;background:#fff!important;visibility:hidden!important;opacity:1!important;transform:translate3d(110%,0,0)!important;transition:transform .38s cubic-bezier(.22,.8,.2,1),visibility 0s linear .38s!important;pointer-events:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;box-shadow:-24px 0 70px rgba(9,27,67,.18)!important} #mhhMenuCheckbox:checked ~ .mhh-drawer-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important} #mhhMenuCheckbox:checked ~ #mhhMobileDrawer.mhh-mobile-drawer{visibility:visible!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important;transition:transform .38s cubic-bezier(.22,.8,.2,1),visibility 0s!important} body:has(#mhhMenuCheckbox:checked){overflow:hidden!important} .mhh-drawer-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:#eef4ff!important;color:#1746b8!important;cursor:pointer!important;text-decoration:none!important} .mhh-drawer-close:hover{background:#1746b8!important;color:#fff!important} .mhh-drawer-nav .nav-link{font-size:15px!important;font-weight:750!important;padding:12px 14px!important;border-radius:11px!important;color:#1c2b43!important;display:flex!important;align-items:center!important;min-height:46px!important} .mhh-drawer-nav .nav-link:hover{background:#eef4ff!important;color:#1746b8!important} } /* Remove cloud-like/orb visuals: clean geometric background */ .mhh-home-hero{background:linear-gradient(135deg,#f7faff 0%,#fff 62%,#f4fbf7 100%)!important} .mhh-home-hero:before{background-image:linear-gradient(rgba(23,70,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,70,184,.045) 1px,transparent 1px)!important;background-size:44px 44px!important;opacity:.75!important} .mhh-hero-orb{display:none!important} /* All primary/action buttons blue */ .btn-success,.btn-green,.mhh-domain-actions .btn-success{background:linear-gradient(135deg,#159fe8,#1768d9)!important;border-color:#1768d9!important;color:#fff!important} /* V6.4 MENU REBUILD: compact drawer + real 3-line button */ .mhh-menu-checkbox{display:none!important} @media(max-width:1199px){ .myhosthub-header .toolbar{gap:8px!important} .myhosthub-header .toolbar .nav-item{margin:0!important} .myhosthub-header .mhh-menu-toggle{width:44px!important;height:42px!important;min-width:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:1px solid #d8e2f2!important;border-radius:12px!important;background:#fff!important;color:#1746b8!important;cursor:pointer!important;position:relative!important;z-index:2147483005!important;box-shadow:0 7px 20px rgba(23,70,184,.09)!important} .mhh-hamburger-lines{width:20px!important;height:17px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;line-height:0!important} .mhh-hamburger-lines i{display:block!important;width:20px!important;height:2px!important;min-height:2px!important;background:#1746b8!important;border-radius:99px!important;margin:0!important;padding:0!important;transform:none!important;opacity:1!important} .mhh-drawer-head{height:68px!important;min-height:68px!important;padding:0 15px!important} .mhh-drawer-brand img{max-width:145px!important;max-height:40px!important} .mhh-drawer-close{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} .mhh-drawer-search{padding:11px 14px 5px!important} .mhh-drawer-search .input-group,.mhh-drawer-search .form-control,.mhh-drawer-search .btn{height:42px!important} .mhh-drawer-nav{padding:0 10px 20px!important} .mhh-drawer-section-title{font-size:9px!important;letter-spacing:.13em!important;margin:12px 7px 5px!important} .mhh-drawer-nav li{margin:1px 0!important} .mhh-drawer-nav li>a,.mhh-drawer-item a{padding:9px 10px!important;min-height:40px!important;font-size:13px!important;gap:10px!important;border-radius:10px!important} .mhh-drawer-nav li>a i,.mhh-drawer-item a i{width:19px!important;font-size:13px!important} #mhhMobileDrawer.mhh-mobile-drawer{width:min(330px,82vw)!important} #mhhDrawerBackdrop{z-index:2147482999!important} #mhhMobileDrawer{z-index:2147483001!important} } @media(max-width:420px){ #mhhMobileDrawer.mhh-mobile-drawer{width:82vw!important} .myhosthub-header .logo-img{max-width:160px!important} } /* V6.5: NATIVE CHECKBOX DRAWER - no click-handler dependency */ .mhh-menu-checkbox{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;pointer-events:none!important} @media(max-width:1199px){ .myhosthub-header .mhh-menu-toggle{cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important} .mhh-drawer-backdrop-close{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;cursor:pointer!important} .mhh-drawer-close{cursor:pointer!important;user-select:none!important} #mhhMenuCheckbox:checked ~ #mhhDrawerBackdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important} #mhhMenuCheckbox:checked ~ #mhhMobileDrawer.mhh-mobile-drawer{visibility:visible!important;opacity:1!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important} #mhhMenuCheckbox:checked ~ #mhhMobileDrawer .mhh-drawer-close{display:inline-flex!important;align-items:center!important;justify-content:center!important} } /* V6.5 FIX: checkbox lives inside toolbar; use :has() so the drawer reacts to it anywhere in header */ @media(max-width:1199px){ body:has(#mhhMenuCheckbox:checked) #mhhMobileDrawer.mhh-mobile-drawer{visibility:visible!important;opacity:1!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important} body:has(#mhhMenuCheckbox:checked) #mhhDrawerBackdrop{visibility:visible!important;opacity:1!important;pointer-events:auto!important} body:has(#mhhMenuCheckbox:checked){overflow:hidden!important;touch-action:none!important} } /* ===================================================================== MyHostHub v6.6 FINAL MOBILE UI - compact right drawer - submenu hidden until parent is tapped - no giant menu typography / spacing - hard mobile width safeguards ===================================================================== */ html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important} @media(max-width:1199px){ #main-body,.mhh-home-hero,.mhh-domain-section,.mhh-products-section,.mhh-why-section,.mhh-quick-section{width:100%!important;max-width:100%!important} .myhosthub-header>.navbar>.container, .myhosthub-header .main-navbar-wrapper>.container, #main-body>.container,.master-breadcrumb>.container{width:100%!important;max-width:100%!important} /* tiny, stable hamburger */ .myhosthub-header .mhh-menu-toggle{width:42px!important;height:40px!important;min-width:42px!important;max-width:42px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #d7e1ef!important;border-radius:11px!important;background:#fff!important;color:#1746b8!important;cursor:pointer!important;position:relative!important;z-index:2147483006!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important} .myhosthub-header .mhh-menu-toggle:focus{outline:0!important;box-shadow:0 0 0 3px rgba(23,70,184,.12)!important} .mhh-hamburger-lines{width:19px!important;height:16px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;line-height:0!important} .mhh-hamburger-lines i{display:block!important;position:static!important;float:none!important;width:19px!important;height:2px!important;min-height:2px!important;max-height:2px!important;margin:0!important;padding:0!important;background:#1746b8!important;border:0!important;border-radius:99px!important;transform:none!important;opacity:1!important} /* compact drawer */ #mhhDrawerBackdrop.mhh-drawer-backdrop{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:2147482998!important;background:rgba(7,18,42,.42)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .22s ease,visibility .22s ease!important} #mhhDrawerBackdrop.mhh-drawer-backdrop button{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important} #mhhMobileDrawer.mhh-mobile-drawer{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:310px!important;max-width:78vw!important;height:100vh!important;height:100dvh!important;z-index:2147483001!important;background:#fff!important;border-left:1px solid #e2e8f2!important;visibility:hidden!important;opacity:1!important;transform:translate3d(105%,0,0)!important;transition:transform .28s cubic-bezier(.22,.8,.2,1),visibility 0s linear .28s!important;pointer-events:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;box-shadow:-18px 0 45px rgba(9,27,67,.15)!important} body.mhh-drawer-open #mhhMobileDrawer.mhh-mobile-drawer{visibility:visible!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important;transition:transform .28s cubic-bezier(.22,.8,.2,1),visibility 0s!important} body.mhh-drawer-open #mhhDrawerBackdrop.mhh-drawer-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important} body.mhh-drawer-open{overflow:hidden!important;touch-action:none!important} .mhh-drawer-head{height:60px!important;min-height:60px!important;padding:0 12px!important;display:flex!important;align-items:center!important;border-bottom:1px solid #edf1f6!important;background:#fff!important} .mhh-drawer-brand{min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important} .mhh-drawer-brand img{display:block!important;width:auto!important;max-width:145px!important;max-height:34px!important;object-fit:contain!important} .mhh-drawer-close{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;margin:0!important;border:1px solid #d7e1ef!important;border-radius:9px!important;background:#f6f8fc!important;color:#1746b8!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;cursor:pointer!important} .mhh-drawer-close:hover{background:#1746b8!important;color:#fff!important} .mhh-drawer-search{padding:10px 12px 5px!important} .mhh-drawer-search form,.mhh-drawer-search .input-group{width:100%!important;margin:0!important} .mhh-drawer-search .input-group{height:40px!important} .mhh-drawer-search .input-group-prepend{height:40px!important} .mhh-drawer-search .btn{height:40px!important;width:42px!important;min-width:42px!important;padding:0!important;border:1px solid #dbe4f0!important;border-right:0!important;border-radius:10px 0 0 10px!important;background:#f5f8ff!important;color:#1746b8!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} .mhh-drawer-search .form-control{height:40px!important;min-width:0!important;padding:0 10px!important;border:1px solid #dbe4f0!important;border-left:0!important;border-radius:0 10px 10px 0!important;font-size:12px!important} .mhh-drawer-nav{padding:2px 9px 18px!important} .mhh-drawer-section-title{font-size:8px!important;line-height:1.2!important;letter-spacing:.14em!important;font-weight:900!important;color:#8793a6!important;margin:10px 6px 4px!important} .mhh-drawer-nav ul{display:block!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important} .mhh-drawer-nav li{width:100%!important;margin:1px 0!important;padding:0!important;list-style:none!important} .mhh-drawer-nav li>a,.mhh-drawer-item>a{width:100%!important;min-height:37px!important;height:auto!important;padding:8px 9px!important;display:flex!important;align-items:center!important;gap:8px!important;border-radius:9px!important;color:#263550!important;background:transparent!important;font-size:12px!important;line-height:1.25!important;font-weight:700!important;text-decoration:none!important} .mhh-drawer-nav li>a:hover,.mhh-drawer-item>a:hover{background:#eef3ff!important;color:#1746b8!important} .mhh-drawer-nav li>a i,.mhh-drawer-item>a i{width:17px!important;min-width:17px!important;font-size:11px!important;text-align:center!important;color:#1746b8!important;margin:0!important} .mhh-drawer-nav li.dropdown>a.dropdown-toggle{position:relative!important;padding-right:30px!important} .mhh-drawer-nav li.dropdown>a.dropdown-toggle:after{position:absolute!important;right:11px!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important;border-top-color:#68768b!important} .mhh-drawer-nav li.dropdown.is-open>a.dropdown-toggle{background:#eef3ff!important;color:#1746b8!important} .mhh-drawer-nav li.dropdown.is-open>a.dropdown-toggle:after{transform:translateY(-50%) rotate(180deg)!important;border-top-color:#1746b8!important} /* IMPORTANT: submenu starts hidden; it appears only after parent click */ .mhh-drawer-nav li.dropdown>.dropdown-menu{display:none!important;position:static!important;float:none!important;width:auto!important;min-width:0!important;margin:2px 5px 4px 25px!important;padding:3px!important;border:1px solid #e7edf5!important;border-radius:9px!important;background:#f7f9fd!important;box-shadow:none!important} .mhh-drawer-nav li.dropdown.is-open>.dropdown-menu{display:block!important} .mhh-drawer-nav li.dropdown>.dropdown-menu .dropdown-item{display:block!important;width:100%!important;min-height:32px!important;margin:0!important;padding:0!important;border-radius:7px!important;background:transparent!important} .mhh-drawer-nav li.dropdown>.dropdown-menu .dropdown-item>a{display:flex!important;align-items:center!important;gap:7px!important;min-height:32px!important;padding:7px 8px!important;border-radius:7px!important;color:#40506a!important;font-size:11px!important;line-height:1.2!important;font-weight:650!important} .mhh-drawer-nav li.dropdown>.dropdown-menu .dropdown-item>a:hover{background:#eaf0ff!important;color:#1746b8!important} .mhh-drawer-nav li.dropdown>.dropdown-menu .dropdown-item>a i{width:15px!important;min-width:15px!important;font-size:10px!important} .mhh-profile-menu-item a{min-height:37px!important;padding:8px 9px!important;font-size:12px!important;border-radius:9px!important} } @media(max-width:380px){ #mhhMobileDrawer.mhh-mobile-drawer{width:292px!important;max-width:82vw!important} .mhh-drawer-brand img{max-width:132px!important} } /* ===================================================================== Login: register-style premium card + active entrance animations ===================================================================== */ body.myhosthub-page-login #main-body{overflow:hidden!important} body.myhosthub-page-login .mhh-login-layout{animation:mhhPageIn .65s ease both} body.myhosthub-page-login .mhh-login-promo{animation:mhhPromoIn .75s cubic-bezier(.2,.75,.2,1) both;isolation:isolate} body.myhosthub-page-login .mhh-login-promo:before{animation:mhhBlobOne 8s ease-in-out infinite} body.myhosthub-page-login .mhh-login-promo:after{animation:mhhBlobTwo 9s ease-in-out infinite} body.myhosthub-page-login .mhh-login-promo .mhh-kicker{animation:mhhFadeUp .55s .12s ease both} body.myhosthub-page-login .mhh-login-promo h1{animation:mhhFadeUp .65s .2s ease both} body.myhosthub-page-login .mhh-login-promo p{animation:mhhFadeUp .65s .3s ease both} body.myhosthub-page-login .mhh-login-promo li{animation:mhhFadeUp .55s ease both} body.myhosthub-page-login .mhh-login-promo li:nth-child(1){animation-delay:.4s} body.myhosthub-page-login .mhh-login-promo li:nth-child(2){animation-delay:.5s} body.myhosthub-page-login .mhh-login-promo li:nth-child(3){animation-delay:.6s} body.myhosthub-page-login .mhh-login-box .login-form{animation:mhhFormIn .7s .12s cubic-bezier(.2,.75,.2,1) both} body.myhosthub-page-login .mhh-login-box .form-group{animation:mhhFadeUp .5s ease both} body.myhosthub-page-login .mhh-login-box .form-group:nth-of-type(1){animation-delay:.22s} body.myhosthub-page-login .mhh-login-box .form-group:nth-of-type(2){animation-delay:.32s} body.myhosthub-page-login .mhh-login-box #login{position:relative;overflow:hidden} body.myhosthub-page-login .mhh-login-box #login:after{content:"";position:absolute;top:-50%;left:-70%;width:45%;height:200%;background:rgba(255,255,255,.22);transform:skewX(-20deg);animation:mhhButtonShine 3.8s ease-in-out infinite} body.myhosthub-page-login .mhh-login-box .card-footer a{transition:color .2s ease,transform .2s ease;display:inline-block} body.myhosthub-page-login .mhh-login-box .card-footer a:hover{transform:translateX(3px)} @media(max-width:991px){body.myhosthub-page-login .mhh-login-promo{display:block!important;min-height:245px;padding:42px 28px!important}body.myhosthub-page-login .mhh-login-promo h1{margin:28px 0 12px!important;font-size:35px!important}body.myhosthub-page-login .mhh-login-promo ul{margin-top:20px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}body.myhosthub-page-login .mhh-login-promo li{padding:7px 9px!important;background:rgba(255,255,255,.1);border-radius:10px!important;font-size:11px!important}body.myhosthub-page-login .mhh-login-box{min-height:auto!important;padding:38px 20px 45px!important}} @media(max-width:575px){body.myhosthub-page-login .mhh-login-promo{min-height:220px;padding:32px 20px!important}body.myhosthub-page-login .mhh-login-promo p{font-size:13px!important}body.myhosthub-page-login .mhh-login-promo li{font-size:10px!important}body.myhosthub-page-login .mhh-login-box{padding:30px 15px 40px!important}body.myhosthub-page-login .mhh-login-box h6.h3{font-size:28px!important}} @media(prefers-reduced-motion:reduce){body.myhosthub-page-login .mhh-login-layout,body.myhosthub-page-login .mhh-login-promo,body.myhosthub-page-login .mhh-login-promo:before,body.myhosthub-page-login .mhh-login-promo:after,body.myhosthub-page-login .mhh-login-promo *,body.myhosthub-page-login .mhh-login-box .login-form,body.myhosthub-page-login .mhh-login-box .form-group,body.myhosthub-page-login .mhh-login-box #login:after{animation:none!important;transition:none!important}} @keyframes mhhPageIn{from{opacity:0}to{opacity:1}} @keyframes mhhPromoIn{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}} @keyframes mhhFormIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} @keyframes mhhFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} @keyframes mhhBlobOne{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-20px,18px,0) scale(1.06)}} @keyframes mhhBlobTwo{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-16px,0) scale(1.08)}} @keyframes mhhButtonShine{0%,55%{left:-70%;opacity:0}65%{opacity:1}85%,100%{left:125%;opacity:0}} /* ======================================================================== MYHOSTHUB v6.9 - HARDENED MOBILE MENU The checkbox/label is the source of truth for opening the drawer. No JavaScript click handler is required for the hamburger. ======================================================================== */ .mhh-menu-checkbox{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .mhh-menu-trigger-item{position:relative!important} .mhh-menu-toggle{cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important} .mhh-hamburger-lines{width:20px!important;height:17px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;pointer-events:none!important} .mhh-hamburger-lines i{display:block!important;width:20px!important;height:2px!important;min-height:2px!important;flex:0 0 2px!important;margin:0!important;padding:0!important;border:0!important;background:#1746b8!important;border-radius:999px!important;opacity:1!important;transform:none!important} @media(max-width:1199px){ /* Prevent old Bootstrap/navbar rules from swallowing the trigger. */ #header.myhosthub-header .mhh-menu-trigger-item{display:block!important;margin:0!important;padding:0!important} #header.myhosthub-header .mhh-menu-toggle{width:44px!important;height:42px!important;min-width:44px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:2147483646!important;border:1px solid #d8e2f2!important;border-radius:12px!important;background:#fff!important;color:#1746b8!important;box-shadow:0 6px 18px rgba(23,70,184,.09)!important} #header.myhosthub-header .mhh-menu-toggle:before,#header.myhosthub-header .mhh-menu-toggle:after{display:none!important;content:none!important} /* Compact drawer */ #mhhMobileDrawer.mhh-mobile-drawer{display:block!important;visibility:hidden!important;opacity:1!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:310px!important;max-width:84vw!important;height:100dvh!important;z-index:2147483645!important;background:#fff!important;transform:translate3d(110%,0,0)!important;transition:transform .32s cubic-bezier(.22,.8,.2,1),visibility 0s linear .32s!important;pointer-events:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-shadow:-20px 0 55px rgba(9,27,67,.18)!important} #mhhMenuCheckbox:checked ~ #mhhMobileDrawer.mhh-mobile-drawer{visibility:visible!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important;transition:transform .32s cubic-bezier(.22,.8,.2,1),visibility 0s linear 0s!important} #mhhDrawerBackdrop.mhh-drawer-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2147483644!important;background:rgba(7,18,42,.44)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .22s ease,visibility .22s ease!important;cursor:pointer!important} #mhhMenuCheckbox:checked ~ #mhhDrawerBackdrop.mhh-drawer-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important} body.mhh-drawer-open{overflow:hidden!important;touch-action:none!important} .mhh-drawer-head{height:62px!important;min-height:62px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #edf1f6!important;background:#fff!important} .mhh-drawer-brand{min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important} .mhh-drawer-brand img{display:block!important;width:auto!important;max-width:138px!important;max-height:34px!important;object-fit:contain!important} .mhh-drawer-close{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;margin:0!important;border:1px solid #d7e1ef!important;border-radius:9px!important;background:#f7f9fc!important;color:#1746b8!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;cursor:pointer!important;line-height:1!important} .mhh-drawer-search{padding:9px 11px 3px!important} .mhh-drawer-search form,.mhh-drawer-search .input-group{width:100%!important;margin:0!important} .mhh-drawer-search .input-group{height:38px!important} .mhh-drawer-search .input-group-prepend,.mhh-drawer-search .input-group-prepend .btn{height:38px!important} .mhh-drawer-search .btn{width:39px!important;min-width:39px!important;height:38px!important;padding:0!important;border:1px solid #dbe4f0!important;border-right:0!important;border-radius:9px 0 0 9px!important;background:#f5f8ff!important;color:#1746b8!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} .mhh-drawer-search .form-control{height:38px!important;min-width:0!important;padding:0 9px!important;border:1px solid #dbe4f0!important;border-left:0!important;border-radius:0 9px 9px 0!important;font-size:11px!important} .mhh-drawer-nav{padding:1px 9px 18px!important} .mhh-drawer-section-title{font-size:8px!important;line-height:1.2!important;letter-spacing:.14em!important;font-weight:900!important;color:#8793a6!important;margin:10px 6px 3px!important} .mhh-drawer-nav ul{display:block!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important} .mhh-drawer-nav li{width:100%!important;margin:1px 0!important;padding:0!important;list-style:none!important} .mhh-drawer-nav li>a,.mhh-drawer-item>a{width:100%!important;min-height:35px!important;height:auto!important;padding:7px 8px!important;display:flex!important;align-items:center!important;gap:8px!important;border-radius:8px!important;color:#263550!important;background:transparent!important;font-size:11.5px!important;line-height:1.2!important;font-weight:700!important;text-decoration:none!important} .mhh-drawer-nav li>a i,.mhh-drawer-item>a i{width:16px!important;min-width:16px!important;font-size:10px!important;text-align:center!important;color:#1746b8!important;margin:0!important} .mhh-drawer-nav li.dropdown>a.dropdown-toggle{position:relative!important;padding-right:27px!important} .mhh-drawer-nav li.dropdown>a.dropdown-toggle:after{position:absolute!important;right:9px!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important;border-top-color:#68768b!important} .mhh-drawer-nav li.dropdown.is-open>a.dropdown-toggle{background:#eef3ff!important;color:#1746b8!important} .mhh-drawer-nav li.dropdown.is-open>a.dropdown-toggle:after{transform:translateY(-50%) rotate(180deg)!important;border-top-color:#1746b8!important} /* CRITICAL: submenu is hidden until the parent is tapped. */ .mhh-drawer-nav li.dropdown>.dropdown-menu{display:none!important;visibility:hidden!important;position:static!important;float:none!important;width:auto!important;min-width:0!important;height:0!important;overflow:hidden!important;margin:0 4px 0 23px!important;padding:0!important;border:0!important;border-radius:8px!important;background:#f7f9fd!important;box-shadow:none!important} .mhh-drawer-nav li.dropdown.is-open>.dropdown-menu{display:block!important;visibility:visible!important;height:auto!important;overflow:visible!important;margin:2px 4px 3px 23px!important;padding:3px!important;border:1px solid #e7edf5!important} .mhh-drawer-nav li.dropdown>.dropdown-menu .dropdown-item{display:block!important;width:100%!important;min-height:29px!important;margin:0!important;padding:0!important;border-radius:6px!important;background:transparent!important} .mhh-drawer-nav li.dropdown>.dropdown-menu .dropdown-item>a{display:flex!important;align-items:center!important;gap:6px!important;min-height:29px!important;padding:6px 7px!important;border-radius:6px!important;color:#40506a!important;font-size:10.5px!important;line-height:1.15!important;font-weight:650!important} .mhh-drawer-nav li.dropdown>.dropdown-menu .dropdown-item>a i{width:14px!important;min-width:14px!important;font-size:9px!important} } @media(max-width:380px){ #mhhMobileDrawer.mhh-mobile-drawer{width:292px!important;max-width:84vw!important} .mhh-drawer-brand img{max-width:128px!important} } /* Homepage circular visual: use it for uptime/security, never storage. */ .mhh-uptime-ring .mhh-ring-core i{color:#168653!important} /* Final checkbox visibility fix: keep it in the DOM (not display:none) so