:root{--green:#55bf2a;--green-dark:#168c43;--green-soft:#effce9;--navy:#071c38;--blue:#0e3f6c;--orange:#ff6c37;--text:#17324d;--muted:#718095;--line:#e6edf3;--surface:#fff;--bg:#f5f8fb;--danger:#e53e3e;--warning:#f59e0b;--radius:16px;--shadow:0 14px 45px rgba(19,45,72,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:#083d29;color:#d8f5e6;font-size:12px;padding:7px 0}.topbar .container,.nav-inner,.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-links{display:flex;gap:18px}.navbar{height:76px;background:rgba(255,255,255,.97);border-bottom:1px solid #edf1f5;position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}.nav-inner{height:100%}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:850;color:#169346;letter-spacing:-.7px}.brand img{width:38px;height:38px}.brand span em{font-style:normal;color:#ff6837}.main-menu{display:flex;align-items:center;gap:5px;height:100%}.nav-item{position:relative;height:100%;display:flex;align-items:center}.nav-link{padding:10px 13px;font-weight:700;color:#324b61;border-radius:9px}.nav-link:hover{background:#f1fbec;color:#168c43}.mega{display:none;position:absolute;left:-60px;top:68px;width:650px;padding:18px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);box-shadow:var(--shadow);border-radius:0 0 14px 14px;grid-template-columns:repeat(2,1fr);gap:6px}.nav-item:hover .mega{display:grid}.mega-group{padding:9px;border-radius:10px}.mega-group:hover{background:#f8fcf6}.mega-title{font-weight:800;color:#173b2a;display:flex;gap:8px;align-items:center}.mega-links{display:grid;gap:4px;padding:6px 0 0 23px}.mega-links a{color:#66778a;font-size:13px}.mega-links a:hover{color:var(--green-dark)}.nav-actions{display:flex;gap:9px;align-items:center}.btn{border:0;border-radius:9px;padding:11px 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--green),#269d42);color:#fff;box-shadow:0 8px 20px rgba(52,174,52,.23)}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border:1px solid #cfdbe6;background:#fff;color:#28445c}.btn-danger{background:#fff1f1;color:#c73535}.btn-warning{background:#fff6e5;color:#a36500}.btn-sm{padding:7px 11px;font-size:12px}.mobile-toggle{display:none;background:#eff8ea;border:0;border-radius:9px;width:40px;height:40px;font-size:21px;color:#188943}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 32%,rgba(25,202,121,.22),transparent 24%),linear-gradient(118deg,#160d35 0%,#0b3155 43%,#005f55 100%);min-height:555px;color:#fff}.hero:after{content:"";position:absolute;inset:auto -5% -130px;width:110%;height:230px;background:#fff;transform:rotate(-4deg)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;padding:82px 0 130px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:7px 13px;font-size:12px;font-weight:750}.hero h1{font-size:52px;line-height:1.09;letter-spacing:-2.2px;margin:20px 0 15px;max-width:650px}.hero h1 span{color:#74e448}.hero p{color:#d8e7f2;font-size:17px;max-width:600px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-proof{display:flex;gap:24px;margin-top:28px;color:#d7e9e2;font-size:12px}.hero-proof b{display:block;color:#fff;font-size:20px}.server-art{position:relative;height:360px}.server-stack{position:absolute;inset:30px 30px 10px 80px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.21);backdrop-filter:blur(12px);padding:45px;transform:rotate(2deg)}.server-box{height:58px;border-radius:12px;background:rgba(4,20,42,.75);border:1px solid rgba(133,255,210,.35);margin-bottom:14px;display:flex;align-items:center;padding:0 16px;gap:12px;box-shadow:0 12px 28px rgba(0,0,0,.15)}.server-lights{display:flex;gap:5px}.server-lights i{display:block;width:7px;height:7px;border-radius:50%;background:#65e24b;box-shadow:0 0 10px #65e24b}.server-lines{height:6px;border-radius:9px;background:linear-gradient(90deg,#2478a0 45%,transparent 45%);flex:1;opacity:.65}.float-card{position:absolute;background:#fff;color:#12304a;border-radius:13px;padding:13px 16px;box-shadow:var(--shadow);font-weight:800}.float-card.one{left:10px;top:45px}.float-card.two{right:0;bottom:35px}.float-card small{display:block;color:#7990a5;font-weight:600}.search-domain{position:relative;z-index:5;margin-top:-72px}.domain-box{background:#fff;border-radius:18px;box-shadow:0 20px 55px rgba(15,39,65,.14);padding:30px;display:grid;grid-template-columns:.85fr 1.3fr;gap:35px;align-items:center}.domain-box h2{margin:0 0 6px;font-size:25px}.domain-form{display:flex;background:#f2f7fa;border:1px solid #dfe9f0;padding:6px;border-radius:11px}.domain-form input{flex:1;border:0;background:transparent;outline:0;padding:11px;font-size:15px}.section{padding:88px 0}.section.soft{background:var(--bg)}.section-title{text-align:center;max-width:690px;margin:0 auto 42px}.section-title .kicker{color:var(--green-dark);font-weight:850;text-transform:uppercase;letter-spacing:1.6px;font-size:12px}.section-title h2{font-size:37px;line-height:1.2;margin:8px 0 12px;letter-spacing:-1.2px}.section-title p{color:var(--muted);font-size:16px}.category-grid,.plan-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card,.plan-card,.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.25s;position:relative}.category-card:hover,.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b9e9a6}.icon-box{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ecffe3,#d9f8d1);color:#21933c;font-size:25px;margin-bottom:16px}.category-card h3,.feature-card h3{margin:0 0 7px;font-size:18px}.category-card p,.feature-card p{color:var(--muted);margin:0}.category-card .arrow{position:absolute;right:20px;top:23px;color:#b2c1ce}.billing-switch{display:flex;width:max-content;margin:0 auto 30px;background:#edf3f6;border-radius:99px;padding:5px}.billing-switch button{border:0;background:transparent;padding:9px 18px;border-radius:99px;font-weight:800;color:#697b8d;cursor:pointer}.billing-switch button.active{background:#fff;color:#178e42;box-shadow:0 3px 10px rgba(21,52,78,.12)}.plan-grid{align-items:stretch}.plan-card{padding:28px 25px;display:flex;flex-direction:column}.plan-card.featured{border:2px solid var(--green);transform:scale(1.025)}.plan-card.featured:hover{transform:translateY(-5px) scale(1.025)}.plan-badge{position:absolute;top:16px;right:15px;background:#fff1e9;color:#f0642a;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:900;text-transform:uppercase}.plan-card h3{font-size:20px;margin:0}.plan-category{font-size:11px;color:#8494a4;text-transform:uppercase;font-weight:800}.price{font-size:36px;font-weight:900;color:#112c45;margin:15px 0 2px;letter-spacing:-1.5px}.price sup{font-size:14px;color:#65798d}.price small{font-size:13px;color:#8999a8;font-weight:600}.yearly-price{display:none}.feature-list{list-style:none;padding:0;margin:19px 0 25px;display:grid;gap:10px;flex:1}.feature-list li{color:#5c7083;font-size:13px}.feature-list li:before{content:"✓";color:#35ae42;font-weight:900;margin-right:8px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card{border:0;text-align:center;background:transparent}.feature-card .icon-box{margin:0 auto 15px}.cta{background:linear-gradient(110deg,#06385c,#0d6a5a);border-radius:24px;padding:48px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.cta:after{content:"";width:260px;height:260px;border:45px solid rgba(255,255,255,.06);border-radius:50%;position:absolute;right:15%;top:-110px}.cta h2{font-size:31px;margin:0 0 7px}.cta p{color:#c7e1e5;margin:0}.footer{background:#071522;color:#c4ced8;padding:64px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:35px}.footer h4{color:#fff;margin:0 0 15px}.footer a{display:block;color:#9eacba;margin:8px 0;font-size:13px}.footer a:hover{color:#72d952}.footer .brand{margin-bottom:12px}.footer-bottom{margin-top:42px;border-top:1px solid #1c2b39;padding-top:19px;display:flex;justify-content:space-between;color:#718292;font-size:12px}.page-hero{background:linear-gradient(125deg,#102a4c,#087458);color:#fff;padding:66px 0}.page-hero h1{font-size:39px;margin:0 0 8px}.page-hero p{color:#d3e6e3;max-width:650px}.breadcrumb{font-size:12px;color:#b8d3cf;margin-bottom:10px}.subcat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px}.subcat-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:800}.package-detail{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:start}.detail-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 9px 30px rgba(16,52,75,.06)}.detail-card h2{margin-top:0}.sticky{position:sticky;top:100px}.cycle-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cycle-option{border:1px solid var(--line);padding:14px;border-radius:11px;cursor:pointer}.cycle-option:has(input:checked){border:2px solid var(--green);background:#f4fff0}.cycle-option input{accent-color:var(--green)}
/* portal */
.portal-body{background:#f1f6ef;min-height:100vh}.portal-top{height:64px;background:#fff;border-bottom:1px solid #dfe9dc;display:flex;align-items:center;position:sticky;top:0;z-index:50}.portal-top .brand{font-size:20px}.portal-top-inner{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.portal-user{display:flex;align-items:center;gap:12px}.avatar{width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,#55bf2a,#0d7449);color:#fff;display:grid;place-items:center;font-weight:850}.portal-wrap{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 64px)}.sidebar{background:#092238;color:#c3d2dd;padding:24px 14px;position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto}.side-label{text-transform:uppercase;font-size:10px;letter-spacing:1.4px;color:#6f8da2;padding:17px 13px 7px}.side-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;margin:3px 0;font-weight:680}.side-link:hover,.side-link.active{background:linear-gradient(90deg,#197e4c,#1fa44c);color:#fff}.side-icon{width:23px;text-align:center}.portal-main{padding:28px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-head h1{font-size:24px;margin:0}.page-head p{margin:2px 0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid #e1e9df;border-radius:13px;padding:19px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:65px;height:65px;right:-20px;top:-20px;background:#e9f9df;border-radius:50%}.stat-label{font-size:12px;color:#7c8e9c;font-weight:750}.stat-value{font-size:27px;font-weight:900;margin-top:5px;color:#15364e}.stat-card.green{background:linear-gradient(135deg,#238f26,#36bb27);color:#fff}.stat-card.green .stat-label,.stat-card.green .stat-value{color:#fff}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid #e1e9df;border-radius:13px;box-shadow:0 5px 18px rgba(16,49,39,.035)}.card-head{padding:17px 20px;border-bottom:1px solid #edf2eb;display:flex;justify-content:space-between;align-items:center}.card-head h2{font-size:16px;margin:0}.card-body{padding:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8192a0;background:#f8faf8;padding:12px}.table td{padding:13px 12px;border-top:1px solid #edf1ec;white-space:nowrap}.table tbody tr:hover{background:#fbfdfb}.status{display:inline-flex;padding:4px 9px;border-radius:99px;font-size:10px;font-weight:900;text-transform:uppercase}.status-active,.status-paid,.status-approved,.status-answered{background:#e8f8e5;color:#258433}.status-pending,.status-unpaid,.status-customer_reply{background:#fff5d9;color:#a66a00}.status-suspended,.status-rejected,.status-overdue,.status-urgent{background:#ffebeb;color:#c23b3b}.status-closed,.status-cancelled,.status-expired{background:#edf1f4;color:#687988}.empty{text-align:center;padding:44px 20px;color:#8595a3}.empty-icon{font-size:39px;opacity:.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-group{display:grid;gap:6px}.form-group.full{grid-column:1/-1}.form-label{font-size:12px;font-weight:800;color:#3e566a}.form-control{width:100%;border:1px solid #d9e3e9;background:#fff;border-radius:9px;padding:10px 12px;outline:0;color:#243e53}.form-control:focus{border-color:#57b933;box-shadow:0 0 0 3px rgba(87,185,51,.12)}textarea.form-control{min-height:110px;resize:vertical}.check-row{display:flex;align-items:center;gap:8px}.check-row input{accent-color:#46ae2a}.alert{padding:12px 16px;border-radius:10px;margin-bottom:18px;display:flex;justify-content:space-between;gap:15px}.alert-success{background:#e8f8e5;color:#257334;border:1px solid #cceac6}.alert-error{background:#fff0f0;color:#a52b2b;border:1px solid #f3cccc}.alert button{border:0;background:transparent;cursor:pointer}.invoice-layout{display:grid;grid-template-columns:1fr 290px;gap:20px}.invoice-sheet{padding:34px}.invoice-title{font-size:30px;margin:0}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.invoice-total{background:#f5f8f4;border-radius:10px;padding:16px;display:flex;justify-content:space-between;font-size:18px;font-weight:900}.pay-box{background:linear-gradient(145deg,#178a28,#3ab52e);color:#fff;border-radius:13px;padding:20px}.pay-box .big{font-size:30px;font-weight:900}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.method-option{background:#fff;border:1px solid #e3e9e0;border-radius:10px;padding:12px;display:flex;align-items:center;gap:8px}.method-option:has(input:checked){border:2px solid var(--green);background:#f4fff0}.method-logo{width:34px;height:34px;object-fit:contain;border-radius:6px}.ticket-thread{display:grid;gap:14px}.message{max-width:82%;padding:14px;border-radius:13px;background:#f1f5f7}.message.staff{margin-left:auto;background:#e9f8e5}.message-meta{font-size:10px;color:#789;margin-bottom:5px}.tree{list-style:none;padding:0}.tree ul{list-style:none;margin:8px 0 8px 22px;padding-left:15px;border-left:2px solid #dce8da}.tree-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #e4ebe2;padding:11px 13px;border-radius:9px;margin:6px 0}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:radial-gradient(circle at 30% 30%,rgba(89,232,75,.25),transparent 28%),linear-gradient(145deg,#061b36,#08614d);padding:60px;color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-art h1{font-size:42px;line-height:1.1}.auth-art p{color:#c8e0dd;font-size:16px;max-width:510px}.auth-points{display:grid;gap:14px;margin-top:25px}.auth-point{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);padding:14px;border-radius:11px}.auth-form-wrap{display:grid;place-items:center;padding:35px;background:#f8fafc}.auth-card{width:min(490px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;padding:32px}.auth-card h2{font-size:27px;margin:18px 0 4px}.auth-card>p{color:var(--muted);margin-top:0}.admin-note{background:#fff9e9;border:1px solid #f2e3ab;padding:12px;border-radius:9px;color:#80651e}.pagination{margin-top:18px}.muted{color:var(--muted)}.text-right{text-align:right}.w-full{width:100%}.mt-2{margin-top:8px}.mt-3{margin-top:14px}.mt-4{margin-top:20px}.mb-0{margin-bottom:0}
@media(max-width:1000px){.main-menu{display:none;position:absolute;top:76px;left:0;right:0;height:auto;background:#fff;padding:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-menu.open{display:flex}.nav-item{height:auto;display:block}.mega,.nav-item:hover .mega{position:static;width:auto;display:grid;box-shadow:none;border:0;padding:10px 15px;grid-template-columns:1fr}.mobile-toggle{display:block}.nav-actions .btn-outline{display:none}.hero-inner{grid-template-columns:1fr;padding-top:60px}.server-art{display:none}.hero{min-height:auto}.domain-box{grid-template-columns:1fr}.category-grid,.plan-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.portal-wrap{grid-template-columns:75px 1fr}.sidebar{padding:18px 9px}.side-link{justify-content:center}.side-link span:last-child,.side-label{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{display:none}.navbar{height:66px}.brand{font-size:18px}.brand img{width:32px}.nav-actions .btn-primary{display:none}.main-menu{top:66px}.hero-inner{padding:55px 0 110px}.hero h1{font-size:38px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{gap:12px}.search-domain{margin-top:-52px}.domain-box{padding:20px}.domain-form{flex-direction:column}.section{padding:60px 0}.section-title h2{font-size:29px}.category-grid,.plan-grid,.feature-grid,.subcat-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.cta{padding:30px;align-items:flex-start;flex-direction:column}.package-detail{grid-template-columns:1fr}.sticky{position:static}.portal-top-inner{padding:0 12px}.portal-wrap{display:block}.sidebar{position:fixed;left:-260px;width:240px;z-index:60;transition:.2s}.sidebar.open{left:0}.portal-main{padding:18px 12px}.stats-grid,.portal-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:10px}.form-grid,.invoice-layout,.invoice-meta{grid-template-columns:1fr}.invoice-sheet{padding:20px}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-form-wrap{padding:18px}.auth-card{padding:23px}.payment-methods{grid-template-columns:1fr}}

.currency-switcher{display:flex;align-items:center;justify-content:center;gap:4px;width:max-content;padding:5px;background:#edf3f6;border:1px solid #dbe6eb;border-radius:999px;color:#607184;font-size:12px;font-weight:800}.currency-switcher>span{display:flex;align-items:center;gap:6px;padding:0 8px}.currency-switcher>a{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:8px 12px;border-radius:999px;color:#607184;transition:.18s}.currency-switcher>a:hover{color:#0d9147}.currency-switcher>a.active{background:#fff;color:#078e45;box-shadow:0 3px 10px rgba(21,52,78,.12)}.pricing-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:30px;flex-wrap:wrap}.pricing-controls .category-billing{margin:0}.home-currency-row{display:flex;justify-content:flex-end;margin-bottom:18px}.detail-card>.currency-switcher{margin:0 0 22px auto}.checkout-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.checkout-heading .currency-switcher{flex:0 0 auto}.currency-rate-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.currency-rate-input>span{font-weight:800;color:#38546d}.currency-settings-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border:1px solid #cfe4ff;border-radius:10px;background:#f2f8ff;color:#315372}.currency-settings-note>i{margin-top:4px;color:#1476dd}.currency-settings-note b,.currency-settings-note span{display:block}.currency-settings-note span{font-size:12px;margin-top:3px}.admin-currency-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-currency-preview>p{margin:0;color:#66778a}
@media(max-width:700px){.currency-switcher>span{display:none}.home-currency-row{justify-content:center}.checkout-heading{align-items:flex-start;flex-direction:column}.detail-card>.currency-switcher{margin-left:0}.currency-rate-input{grid-template-columns:auto minmax(0,1fr) auto}}