:root{--ink:#081621;--navy:#0b2638;--blue:#175577;--steel:#5f7480;--paper:#eef2f1;--white:#fbfcfb;--line:#bac6c9;--mint:#9fc9ba;--danger:#b54444;--warning:#a76b17}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
.hosting-header{width:min(1380px,calc(100% - 64px));height:92px;margin:auto;display:flex;align-items:center;gap:42px;border-bottom:1px solid #aab7bb}
.hosting-brand{display:flex;align-items:center;gap:10px;min-width:210px}.hosting-brand img{width:48px;height:48px;object-fit:cover;object-position:center 20%}.hosting-brand span{display:flex;flex-direction:column;line-height:1}.hosting-brand b{font-size:.92rem;letter-spacing:.24em}.hosting-brand small{margin-top:6px;color:#526f7f;font-size:.47rem;letter-spacing:.38em}
.hosting-header nav{display:flex;gap:30px;margin-left:auto}.hosting-header nav a{font-size:.76rem;font-weight:650;color:#405864}.hosting-actions{display:flex;align-items:center;gap:12px}.language-link{font-size:.68rem;font-weight:800}.account-link{padding:11px 17px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:700}
.hosting-hero{width:min(1380px,calc(100% - 64px));min-height:650px;margin:auto;display:grid;grid-template-columns:1fr 310px;border-bottom:1px solid #aab7bb}.hosting-hero-copy{padding:90px 70px 70px 0;display:flex;flex-direction:column}.hosting-hero-copy>p{margin:0;color:#54707d;font-size:.61rem;font-weight:800;letter-spacing:.17em}.hosting-hero h1{margin:70px 0 0;font-size:clamp(4.6rem,8vw,9rem);font-weight:610;letter-spacing:-.075em;line-height:.82}.hosting-hero h1 span{display:block}.hosting-hero h1 span:last-child{color:#416c81}.hosting-hero-copy>div{margin-top:auto;display:grid;grid-template-columns:1fr 180px;gap:60px;align-items:end}.hosting-hero-copy>div p{max-width:590px;margin:0;color:#435c68;line-height:1.75}.hosting-hero-copy>div a{padding-bottom:9px;border-bottom:1px solid #27485a;font-size:.76rem;font-weight:750}.hosting-hero aside{padding:42px 32px;display:flex;flex-direction:column;background:var(--navy);color:#eef5f5}.hosting-hero aside span{font-size:.58rem;font-weight:800;letter-spacing:.18em;color:#8eabb8}.hosting-hero aside b{margin:auto 0 10px;font-size:4rem;font-weight:550;letter-spacing:-.07em;color:#a8d7c4;writing-mode:vertical-rl;transform:rotate(180deg)}.hosting-hero aside small{color:#b2c2c8;line-height:1.6}
.hosting-intro{width:min(1180px,calc(100% - 64px));margin:135px auto;display:grid;grid-template-columns:220px 1fr;gap:40px}.hosting-intro>div{display:flex;gap:22px;padding-top:14px;border-top:1px solid #9ba9ae;color:#58717d;font-size:.6rem;font-weight:750;letter-spacing:.13em}.hosting-intro>div span{color:#162b37}.hosting-intro h2{margin:0;font-size:clamp(2.8rem,5.1vw,5.6rem);line-height:1.03;letter-spacing:-.055em;font-weight:580}
.plan-section{padding:110px max(32px,calc((100% - 1380px)/2));background:#0b2231;color:#f4f6f5}.plan-section>header{display:grid;grid-template-columns:210px 1fr;gap:50px;margin-bottom:60px}.plan-section>header>div{display:flex;gap:22px;padding-top:12px;border-top:1px solid #617681;color:#91a6b0;font-size:.6rem;font-weight:750;letter-spacing:.15em}.plan-section h2{margin:0;font-size:clamp(3rem,5vw,5.6rem);font-weight:560;letter-spacing:-.06em;line-height:1}.plans-pending{min-height:420px;padding:58px;display:grid;align-content:center;border:1px solid #566e79;background:linear-gradient(135deg,#102d40 0 58%,#0d2738 58%)}.plans-pending>p{margin:0;color:#8ab2c5;font-size:.58rem;font-weight:800;letter-spacing:.18em}.plans-pending h3{max-width:780px;margin:35px 0 20px;font-size:clamp(2.4rem,4.4vw,5rem);line-height:1;letter-spacing:-.055em;font-weight:570}.plans-pending>span{max-width:680px;color:#aabdc5;line-height:1.75}.plans-pending>a{width:220px;margin-top:48px;padding-bottom:10px;border-bottom:1px solid #8fa6b1;font-size:.76rem;font-weight:750}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{min-height:580px;padding:35px;display:flex;flex-direction:column;background:#102b3d;border:1px solid #4e6773}.plan-card.featured{background:#e7eeee;color:#0b1b25}.plan-card>small{font-size:.58rem;font-weight:800;letter-spacing:.16em;color:#83a5b5}.plan-card h3{margin:38px 0 18px;font-size:2.7rem;letter-spacing:-.05em}.plan-card>p{color:#9fb2bb;line-height:1.7}.plan-card.featured>p{color:#526b77}.price{margin:40px 0 30px}.price b{font-size:2rem}.price span{font-size:.72rem}.plan-card ul{margin:0 0 34px;padding:0;list-style:none}.plan-card li{padding:9px 0;border-bottom:1px solid #49616d;font-size:.77rem}.plan-card>a{margin-top:auto;padding:14px;background:#f2f5f4;color:#0d2330;text-align:center;font-size:.74rem;font-weight:800}.plan-card.featured>a{background:#133a51;color:#fff}
.hosting-process{width:min(1180px,calc(100% - 64px));margin:135px auto}.hosting-process>header{display:flex;gap:22px;padding-top:14px;border-top:1px solid #9ba9ae;color:#58717d;font-size:.6rem;font-weight:750;letter-spacing:.13em}.hosting-process>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border-top:1px solid #aab7bb;border-bottom:1px solid #aab7bb}.hosting-process article{min-height:260px;padding:34px;border-right:1px solid #aab7bb}.hosting-process article:last-child{border-right:0}.hosting-process article>b{font-size:.63rem}.hosting-process h3{margin:70px 0 12px;font-size:1.65rem;letter-spacing:-.035em}.hosting-process p{margin:0;color:#58707b;font-size:.83rem}
.hosting-footer{width:min(1380px,calc(100% - 64px));min-height:140px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;border-top:1px solid #aab7bb;color:#60747d;font-size:.67rem}.hosting-footer>a{font-weight:800;color:#1a3544}.hosting-footer nav{display:flex;justify-content:flex-end;gap:18px}
.auth-layout{width:min(1180px,calc(100% - 64px));min-height:720px;margin:45px auto 100px;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #aebbc0}.auth-layout>aside{padding:65px 55px;display:flex;flex-direction:column;background:var(--navy);color:#fff}.auth-layout>aside p{margin:0;color:#91adba;font-size:.59rem;font-weight:800;letter-spacing:.16em}.auth-layout>aside h1{margin:auto 0 25px;font-size:clamp(3.4rem,5vw,6rem);line-height:.9;letter-spacing:-.065em;font-weight:580}.auth-layout>aside span{max-width:390px;color:#afc0c7}.form-card{padding:62px 70px;background:#fbfcfb}.form-card.compact{max-width:680px;padding:36px;border:1px solid #c2cccf}.form-kicker{margin:0 0 18px;color:#557484;font-size:.58rem;font-weight:800;letter-spacing:.16em}.form-card h2{margin:0 0 38px;font-size:2.2rem;letter-spacing:-.045em}.form-copy{color:#506975;line-height:1.7}.hosting-form{display:grid;gap:19px}.hosting-form label{display:grid;gap:7px}.hosting-form label>span{font-size:.72rem;font-weight:700}.hosting-form input{width:100%;height:48px;padding:0 13px;border:1px solid #aebdc2;background:#f5f7f6;color:#0b1b24;outline:none}.hosting-form input:focus{border-color:#225873;box-shadow:0 0 0 3px rgba(34,88,115,.12)}.hosting-form label small{font-size:.65rem;color:#687d86}.hosting-form .check{display:grid;grid-template-columns:18px 1fr;align-items:start}.hosting-form .check input{width:17px;height:17px;margin:2px 0 0}.hosting-form .check span{font-weight:500;line-height:1.55}.check a{text-decoration:underline}.hosting-form button,.form-button{min-height:50px;margin-top:7px;padding:14px;border:0;background:var(--ink);color:#fff;font-size:.76rem;font-weight:800;cursor:pointer;text-align:center}.hosting-form button[disabled]{opacity:.4;cursor:not-allowed}.form-button.secondary{display:block;margin-top:35px;background:#e0e7e8;color:#122b39}.form-row{display:flex;justify-content:flex-end;font-size:.7rem;text-decoration:underline}.form-switch{margin:25px 0 0;font-size:.72rem;color:#60747d}.form-switch a{font-weight:800;color:#12364a}.hp{position:absolute!important;left:-9999px!important}.message{margin:0 0 24px;padding:14px 16px;border-left:4px solid}.message.error{background:#f7e5e5;border-color:var(--danger);color:#6e2525}.message.success{background:#e2f0e9;border-color:#3e836b;color:#245843}.message.warning{background:#f4ebdc;border-color:var(--warning);color:#724b16}
.portal-body{background:#e8eeee}.portal-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.portal-sidebar{position:sticky;top:0;height:100vh;padding:30px 24px;display:flex;flex-direction:column;background:#0a2232;color:#eef4f4}.hosting-brand.inverse{min-width:0}.hosting-brand.inverse img{filter:brightness(0) invert(1)}.hosting-brand.inverse small{color:#91aebb}.portal-sidebar nav{display:grid;gap:5px;margin-top:70px}.portal-sidebar nav a{padding:12px 14px;color:#9fb2ba;font-size:.76rem;font-weight:650;border-left:2px solid transparent}.portal-sidebar nav a:hover,.portal-sidebar nav a.active{background:#102f43;color:#fff;border-left-color:#8bc1ad}.sidebar-profile{margin-top:auto;padding-top:22px;border-top:1px solid #425c69;display:grid}.sidebar-profile small{overflow:hidden;text-overflow:ellipsis;color:#8fa7b2}.sidebar-profile strong{margin:5px 0 14px}.sidebar-profile button{padding:0;border:0;background:none;color:#c6d3d7;text-align:left;font-size:.7rem;text-decoration:underline;cursor:pointer}.portal-main{min-width:0}.portal-top{height:82px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bac6c9;background:#f4f6f5}.portal-top div{display:flex;flex-direction:column}.portal-top small{font-size:.53rem;letter-spacing:.15em;color:#607984}.portal-top b{font-size:.82rem}.portal-top>a{font-size:.68rem;font-weight:800}.portal-content{max-width:1240px;padding:55px 42px 90px}.portal-title p{margin:0 0 15px;color:#527284;font-size:.58rem;font-weight:800;letter-spacing:.18em}.portal-title h1{margin:0;font-size:clamp(2.7rem,4.6vw,5.2rem);font-weight:580;letter-spacing:-.06em;line-height:.95}.portal-title>span{display:block;margin-top:18px;color:#5b717b}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:48px 0}.stat-grid article{min-height:150px;padding:25px;display:flex;flex-direction:column;background:#f9fbfa;border:1px solid #bec9cc}.stat-grid small{color:#617985;font-size:.64rem}.stat-grid b{margin-top:auto;font-size:2.7rem;font-weight:600}.stat-grid .status-good{font-size:1.1rem;color:#34705c;letter-spacing:.08em}.portal-card{min-height:260px;padding:38px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;background:#113248;color:#f7f9f8}.portal-card small{color:#8db0bf;font-size:.55rem;letter-spacing:.15em}.portal-card h2{max-width:680px;margin:35px 0 10px;font-size:2.7rem;line-height:1;letter-spacing:-.05em}.portal-card p{max-width:620px;margin:0;color:#adbec5}.portal-card>a{min-width:170px;padding-bottom:8px;border-bottom:1px solid #89a4b0;font-size:.72rem;font-weight:800}.empty-state{margin-top:45px;padding:55px;background:#f9fbfa;border:1px solid #bec9cc}.empty-state b{font-size:1.6rem}.empty-state p{max-width:650px;color:#5b727c}.empty-state a{display:inline-block;margin-top:22px;padding-bottom:7px;border-bottom:1px solid #234b60;font-size:.72rem;font-weight:800}.record-list{display:grid;gap:10px;margin-top:45px}.record-list article{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;background:#f9fbfa;border:1px solid #bec9cc}.record-list article>div{display:flex;flex-direction:column}.record-list small{color:#647984;font-size:.62rem}.record-list b{margin-top:5px}.record-price{align-items:flex-end;gap:5px}.pill{padding:5px 8px;border-radius:20px;background:#dce5e7;color:#395560;font-size:.55rem;font-weight:800;text-transform:uppercase}.pill.active,.pill.completed,.pill.paid{background:#d5ebe2;color:#2d6753}.pill.failed,.pill.cancelled{background:#f0dede;color:#8a3333}.locked-screen{min-height:600px;padding:70px;display:grid;place-items:center;align-content:center;text-align:center;background:#251516;color:#fff}.lock-symbol{width:85px;height:85px;display:grid;place-items:center;border:2px solid #c76868;border-radius:50%;font-size:3rem;color:#df7b7b}.locked-screen p{margin:25px 0 0;color:#df8c8c;font-size:.6rem;font-weight:800;letter-spacing:.18em}.locked-screen h1{max-width:720px;margin:20px 0;font-size:3.5rem;line-height:1}.locked-screen strong{max-width:650px;color:#d8c3c3;font-weight:500}
@media(max-width:950px){.hosting-header nav{display:none}.hosting-hero{grid-template-columns:1fr}.hosting-hero aside{min-height:190px}.hosting-hero aside b{writing-mode:initial;transform:none}.hosting-intro,.plan-section>header{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}.hosting-process>div{grid-template-columns:1fr}.hosting-process article{border-right:0;border-bottom:1px solid #aab7bb}.auth-layout{grid-template-columns:1fr}.auth-layout>aside{min-height:330px}.portal-shell{grid-template-columns:210px 1fr}.stat-grid{grid-template-columns:1fr}.portal-card{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.hosting-header{width:calc(100% - 28px);height:78px}.hosting-brand{min-width:0}.hosting-brand img{width:42px;height:42px}.hosting-brand span{display:none}.account-link{padding:9px 11px}.hosting-hero{width:calc(100% - 28px);min-height:700px}.hosting-hero-copy{padding:65px 0 50px}.hosting-hero h1{font-size:clamp(4rem,19vw,6.5rem)}.hosting-hero-copy>div{grid-template-columns:1fr;gap:30px}.hosting-intro,.hosting-process{width:calc(100% - 28px);margin:90px auto}.plan-section{padding:80px 14px}.plans-pending{padding:35px 24px}.hosting-footer{width:calc(100% - 28px);padding:36px 0;grid-template-columns:1fr;text-align:center}.hosting-footer nav{justify-content:center}.auth-layout{width:calc(100% - 28px);margin-top:20px}.auth-layout>aside{padding:40px 28px}.form-card{padding:42px 25px}.portal-shell{display:block}.portal-sidebar{position:relative;width:100%;height:auto;padding:18px}.portal-sidebar nav{margin:25px 0;display:flex;overflow:auto}.portal-sidebar nav a{white-space:nowrap}.sidebar-profile{display:none}.portal-top{padding:0 18px}.portal-content{padding:38px 16px 70px}.portal-title h1{font-size:3.2rem}.portal-card{padding:28px}.portal-card h2{font-size:2.2rem}.record-list article{align-items:flex-start;flex-direction:column;gap:18px}.record-price{align-items:flex-start}}
.locked-screen form{margin-top:30px}.locked-screen button{padding:12px 24px;border:1px solid #ad5d5d;background:transparent;color:#fff;font-weight:750;cursor:pointer}