#hosting-page{--navy:#103a70;--blue:#1769c2;--teal:#08745b;--orange:#c45100;--ink:#172536;--muted:#5a6878;--line:#dce6ef;--soft:#f3f8fc;color:var(--ink);font-family:Arial,sans-serif;line-height:1.65}#hosting-page *{box-sizing:border-box}#hosting-page .h-container{width:min(1160px,calc(100% - 30px));margin:0 auto}#hosting-page section{padding:66px 0}
#hosting-page h1,#hosting-page h2,#hosting-page h3{margin-top:0;color:var(--navy);font-weight:700;line-height:1.2}#hosting-page h1{margin-bottom:20px;color:#fff;font-size:clamp(38px,5vw,60px)}#hosting-page h2{margin-bottom:14px;font-size:clamp(28px,3.2vw,40px)}#hosting-page h3{margin-bottom:8px;font-size:21px}#hosting-page p{margin-top:0}
#hosting-page .h-hero{padding:76px 0;background:linear-gradient(125deg,#103a70,#1769c2 58%,#08745b);color:#fff;overflow:hidden}#hosting-page .h-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}#hosting-page .h-kicker{display:block;margin-bottom:14px;color:#cce7ff;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}#hosting-page .h-lead{max-width:690px;margin-bottom:28px;color:#edf7ff;font-size:20px}
#hosting-page .h-actions{display:flex;flex-wrap:wrap;gap:12px}#hosting-page .h-btn{display:inline-flex;min-height:48px;padding:12px 22px;align-items:center;justify-content:center;border:2px solid var(--orange);border-radius:9px;background:var(--orange);color:#fff!important;font-weight:700;text-decoration:none;transition:.2s ease}#hosting-page .h-btn:hover{transform:translateY(-2px);filter:brightness(.96)}#hosting-page .h-btn-outline{border-color:#fff;background:transparent}
#hosting-page .h-visual{display:grid;gap:13px;padding:25px;border-radius:22px;background:rgba(255,255,255,.13);box-shadow:0 20px 55px rgba(3,22,50,.25)}#hosting-page .h-domain{display:flex;padding:15px 17px;align-items:center;justify-content:space-between;border-radius:11px;background:#fff;color:var(--navy);font-weight:700}#hosting-page .h-domain span{color:var(--teal)}#hosting-page .h-techs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#hosting-page .h-techs span{padding:12px;border-radius:9px;background:rgba(255,255,255,.92);color:var(--navy);font-weight:700;text-align:center}
#hosting-page .h-intro{text-align:center}#hosting-page .h-intro p{max-width:820px;margin:0 auto;color:var(--muted);font-size:18px}#hosting-page .h-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}#hosting-page .h-card{display:flex;padding:24px 20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(12,53,93,.07);flex-direction:column}#hosting-page .h-card-main{border:2px solid var(--blue);transform:translateY(-6px)}#hosting-page .h-badge{display:inline-block;align-self:flex-start;margin-bottom:10px;padding:4px 9px;border-radius:20px;background:#e8f3fd;color:var(--blue);font-size:12px;font-weight:700}#hosting-page .h-amount{margin:8px 0 18px;color:var(--navy);font-size:30px;font-weight:800}#hosting-page .h-amount small{font-size:14px;font-weight:600}#hosting-page .h-card ul{display:grid;gap:8px;margin:0 0 22px;padding:0;list-style:none;flex:1}#hosting-page .h-card li{position:relative;padding-left:22px;color:var(--muted)}#hosting-page .h-card li:before{position:absolute;left:0;color:var(--teal);font-weight:700;content:"✓"}
#hosting-page .h-soft{background:var(--soft)}#hosting-page .h-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}#hosting-page .h-benefit{padding:24px;border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(12,53,93,.06)}#hosting-page .h-benefit p{margin-bottom:0;color:var(--muted)}#hosting-page .h-ext{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px;justify-content:center}#hosting-page .h-ext span{padding:9px 15px;border:1px solid var(--line);border-radius:24px;background:#fff;color:var(--navy);font-weight:700}
#hosting-page .h-faq{max-width:900px}#hosting-page details{margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:#fff}#hosting-page summary{padding:17px 20px;color:var(--navy);font-weight:700;cursor:pointer}#hosting-page details p{padding:0 20px 18px;color:var(--muted)}#hosting-page .h-cta{padding:48px;border-radius:20px;background:linear-gradient(125deg,var(--navy),var(--teal));color:#fff;text-align:center}#hosting-page .h-cta h2{color:#fff}#hosting-page .h-cta p{max-width:750px;margin:0 auto 22px;color:#edf7ff;font-size:18px}
#hosting-page .h-checkout{position:relative;z-index:2;min-height:500px;padding:22px 0 70px;background:#fff;overflow:visible}#hosting-page .h-checkout:before,#hosting-page .h-checkout:after,#hosting-page .h-checkout form:after{display:table;clear:both;content:" "}#hosting-page .h-checkout>.col-md-12{float:left;width:100%;padding-right:0;padding-left:0}#hosting-page .h-checkout .col-md-12,#hosting-page .h-checkout .col-md-9noleftmargin{position:relative;display:block!important;visibility:visible!important;opacity:1!important}#hosting-page .h-checkout>.col-md-12>br{display:none}#hosting-page .h-checkout form{position:relative;z-index:3;display:block!important;visibility:visible!important;opacity:1!important}#hosting-page .h-checkout .maintitle{margin:0 15px 22px;padding:15px 20px;border:0;border-radius:12px;background:var(--soft);color:var(--navy);font-size:28px;line-height:1.25}#hosting-page .h-checkout .maintitle span{color:var(--navy)!important;text-shadow:none}#hosting-page .h-checkout form input[type="text"],#hosting-page .h-checkout form input[type="password"],#hosting-page .h-checkout form input[type="email"],#hosting-page .h-checkout form input[type="tel"],#hosting-page .h-checkout form textarea,#hosting-page .h-checkout form select{max-width:100%;width:100%}#hosting-page .h-checkout form input.button{display:inline-block;width:auto;min-width:190px;padding:11px 22px;border:0;border-radius:8px;background:var(--orange);color:#fff;font-weight:700}
@media(max-width:1050px){#hosting-page .h-grid{grid-template-columns:repeat(2,1fr)}#hosting-page .h-card-main{transform:none}}@media(max-width:850px){#hosting-page .h-hero-grid{grid-template-columns:1fr}#hosting-page .h-benefits{grid-template-columns:1fr}}@media(max-width:650px){#hosting-page section{padding:48px 0}#hosting-page .h-hero{padding:50px 0}#hosting-page .h-lead{font-size:17px}#hosting-page .h-grid{grid-template-columns:1fr}#hosting-page .h-actions{display:grid}#hosting-page .h-cta{padding:35px 20px}#hosting-page .h-checkout .maintitle{font-size:23px}}