@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#080c14;--bg2:#0d1320;--bg3:#111827;--border:#ffffff12;--border-hi:#ffffff21;--text:#e8edf5;--text-2:#8a93a8;--text-3:#535e73;--blue:oklch(62% .21 248);--blue-dim:oklch(62% .21 248/.15);--blue-glow:oklch(62% .21 248/.3);--purple:oklch(62% .19 290);--green:oklch(66% .17 152);--red:oklch(62% .2 22);--amber:oklch(72% .17 60);--font:"DM Sans", sans-serif;--mono:"DM Mono", monospace;--radius:10px;--radius-lg:16px;--shadow-soft:0 24px 64px #00000047;--backdrop:#080c14d9;--hero-accent-a:oklch(62% .21 248/.12);--hero-accent-b:oklch(62% .19 290/.08);--hero-grid-line:#ffffff08}:root[data-theme=light]{--bg:#f4f7fb;--bg2:#fff;--bg3:#eef3fb;--border:#0f172a17;--border-hi:#0f172a2e;--text:#0f172a;--text-2:#475569;--text-3:#64748b;--blue-dim:oklch(62% .21 248/.1);--blue-glow:oklch(62% .21 248/.18);--shadow-soft:0 18px 42px #0f172a1a;--backdrop:#f4f7fbe0;--hero-accent-a:oklch(62% .21 248/.1);--hero-accent-b:oklch(62% .19 290/.06);--hero-grid-line:#0f172a0d}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6;transition:background-color .18s,color .18s}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{background:var(--bg);min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 24px}.nav{z-index:100;background:var(--backdrop);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.theme-toggle{border:1px solid var(--border);color:var(--text-2);background:#ffffff0a;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.theme-toggle:hover{border-color:var(--border-hi);color:var(--text);background:#ffffff14}.nav-logo{color:var(--text);letter-spacing:-.3px;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.nav-logo-dot,.sidebar-logo-dot,.hero-badge-dot{background:var(--blue);width:8px;height:8px;box-shadow:0 0 8px var(--blue);border-radius:50%}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-2);background:0 0;border:0;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-block}.nav-link:hover{color:var(--text);background:#ffffff0d;text-decoration:none}.btn{border-radius:var(--radius);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:7px;padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 0 0 0 var(--blue-glow)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 0 16px var(--blue-glow)}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--border-hi);color:var(--text);background:#ffffff0a}.btn-outline{color:var(--blue);background:0 0;border:1px solid oklch(62% .21 248/.4)}.btn-outline:hover{background:var(--blue-dim);border-color:var(--blue)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-full{width:100%}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:13px 28px;font-size:16px}.field{flex-direction:column;gap:6px;display:flex}.field--full{grid-column:1/-1}.label{color:var(--text-2);font-size:13px;font-weight:500}.input,.textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#ffffff0a;outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.textarea{resize:vertical;min-height:90px}.password-generator-row{align-items:center;gap:10px;display:flex}.password-generator-row .input{flex:1}.password-generator-btn{min-width:104px}.password-generator-hint{color:var(--text-2);font-size:12px}.chip{text-transform:uppercase;letter-spacing:.4px;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-blue{color:var(--blue);background:oklch(62% .21 248/.15)}.chip-green{color:var(--green);background:oklch(66% .17 152/.15)}.chip-amber{color:var(--amber);background:oklch(72% .17 60/.15)}.chip-red{color:var(--red);background:oklch(62% .2 22/.15)}.chip-purple{color:var(--purple);background:oklch(62% .19 290/.15)}.chip-dot:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.text-3{color:var(--text-3)}.feedback{border:1px solid color-mix(in oklab, var(--amber) 44%, var(--border) 56%);background:linear-gradient(180deg, color-mix(in oklab, var(--amber) 12%, var(--bg2) 88%) 0%, var(--bg2) 100%);color:oklab(90.8481% .00787038 .0655872);border-radius:14px;margin-bottom:24px;padding:16px 18px;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.08),0 14px 36px #0000001f}.feedback--compact{margin-top:16px;margin-bottom:0}.text-link{color:var(--blue);background:0 0;border:0;padding:0}.landing-page .feedback{margin-top:18px}.hero{align-items:center;min-height:88vh;padding:80px 0 60px;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(ellipse 70% 60% at 60% 30%, var(--hero-accent-a) 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 80% 70%, var(--hero-accent-b) 0%, transparent 60%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(var(--hero-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid-line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 80%)}.hero-inner{z-index:1;grid-template-columns:1fr 420px;align-items:center;gap:64px;display:grid;position:relative}.hero-badge{color:var(--blue);text-transform:uppercase;letter-spacing:.5px;background:oklch(62% .21 248/.12);border:1px solid oklch(62% .21 248/.25);border-radius:100px;align-items:center;gap:7px;margin-bottom:24px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-1.5px;text-wrap:balance;margin:0;font-size:clamp(32px,5vw,58px);font-weight:700;line-height:1.1}.hero h1 span{color:var(--blue)}.hero-sub{max-width:480px;color:var(--text-2);margin-top:20px;font-size:17px}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:36px;display:flex}.hero-stats{flex-wrap:wrap;gap:32px;margin-top:48px;display:flex}.hero-stat-val{letter-spacing:-.5px;font-size:26px;font-weight:700}.hero-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:12px}.auth-card,.feature-card,.pricing-card,.server-card,.provision-card,.pending-card,.product-card,.config-section,.summary-card,.form-card,.settings-card,.side-card,.order-card,.empty-state-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg)}.auth-card{box-shadow:var(--shadow-soft);padding:32px}.auth-tabs{background:#ffffff0a;border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:28px;padding:4px;display:grid}.auth-tab{color:var(--text-2);background:0 0;border:0;border-radius:6px;padding:9px;font-size:14px;font-weight:600}.auth-tab.active{background:var(--bg);color:var(--text);box-shadow:0 1px 4px #0000004d}.form-group{flex-direction:column;gap:14px;display:flex}.auth-footer{text-align:center;color:var(--text-3);margin-top:16px;font-size:13px}.features,.pricing{padding:80px 0}.section-tag{color:var(--blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:600}.section-title{letter-spacing:-.8px;text-wrap:balance;font-size:clamp(26px,3.5vw,38px);font-weight:700}.section-sub{max-width:500px;color:var(--text-2);margin-top:12px;font-size:16px}.feature-grid,.pricing-grid,.products-grid,.server-grid{display:grid}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.feature-card{padding:24px}.feature-card:hover{border-color:var(--border-hi);transform:translateY(-2px)}.feature-icon{background:var(--blue-dim);width:40px;height:40px;color:var(--blue);border:1px solid oklch(62% .21 248/.2);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-weight:700;display:flex}.feature-title{margin-bottom:8px;font-size:15px;font-weight:600}.feature-desc{color:var(--text-2);font-size:13px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.pricing-card{flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.pricing-card.featured{background:linear-gradient(135deg,#0d1320 0%,#0d1830 100%);border-color:oklch(62% .21 248/.4);box-shadow:0 0 40px oklch(62% .21 248/.15)}:root[data-theme=light] .pricing-card.featured,:root[data-theme=light] .product-card.popular,:root[data-theme=light] .phone-banner{background:linear-gradient(135deg,#fff 0%,#edf4ff 100%)}.pricing-card.featured:before{content:"Popular";background:var(--blue);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;right:16px}.pricing-name{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.pricing-old{color:var(--text-3);margin-top:12px;font-size:13px;text-decoration:line-through}.pricing-price{align-items:flex-end;gap:4px;margin-top:4px;display:flex}.pricing-currency{color:var(--text-2);padding-bottom:6px;font-size:18px;font-weight:600}.pricing-amount{color:var(--text);letter-spacing:-2px;font-size:42px;font-weight:700}.pricing-period{color:var(--text-3);padding-bottom:8px;font-size:13px}.pricing-period span{font-size:11px}.pricing-term{color:var(--text-3);margin-top:4px;margin-bottom:20px;font-size:12px}.pricing-divider,.divider-section,.summary-divider{border:0;border-top:1px solid var(--border)}.pricing-divider{margin:20px 0}.pricing-specs,.spec-list,.server-meta,.info-steps,.table-list,.side-list,.form-grid,.settings-form{flex-direction:column;display:flex}.pricing-specs,.spec-list,.server-meta,.form-grid,.settings-form{gap:10px}.spec-row,.spec-item{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.spec-val,.spec-item-val{color:var(--text);font-weight:500}.spec-item-label,.summary-row-label,.server-meta-key,.phone-label,.page-sub,.order-meta-item,.provision-meta,.summary-period,.pending-amount-label,.payment-help-note,.warning-desc,.security-info,.server-row-meta,.settings-card-sub,.summary-plan-spec{color:var(--text-2)}.site-footer{border-top:1px solid var(--border);padding:32px 0}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy,.footer-links a{font-size:13px}.footer-links{gap:20px;display:flex}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo,.mob-drawer-logo{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:20px 20px 16px;font-size:15px;font-weight:700;display:flex}.sidebar-section,.mob-drawer-section{padding:20px 12px 8px}.sidebar-label,.mob-drawer-label{color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;padding:0 8px;font-size:10px;font-weight:700}.sidebar-item,.mob-drawer-item{width:100%;color:var(--text-2);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;margin-bottom:2px;padding:9px 10px;font-size:14px;font-weight:500}.sidebar-item:hover,.mob-drawer-item:hover{color:var(--text);background:#ffffff0d}.sidebar-item.active,.mob-drawer-item.active{background:var(--blue-dim);color:var(--text);border-color:oklch(62% .21 248/.2)}.sidebar-bottom,.mob-drawer-bottom{border-top:1px solid var(--border);margin-top:auto;padding:12px}.sidebar-user,.mob-drawer-user{align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-avatar,.mob-drawer-avatar{background:var(--blue-dim);width:32px;height:32px;color:var(--blue);border:1px solid oklch(62% .21 248/.3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-uname{font-size:13px;font-weight:600}.sidebar-uemail{color:var(--text-3);font-size:11px}.main{padding:32px}.page-header,.section-hdr,.server-card-header,.provision-header,.pending-card,.summary-row,.summary-total,.order-card,.order-right,.phone-banner,.steps,.step,.settings-card-header,.server-row,.server-row-status{display:flex}.page-header{flex-direction:column;margin-bottom:28px}.page-title{letter-spacing:-.4px;font-size:22px;font-weight:700}.page-sub{margin-top:4px;margin-bottom:24px;font-size:14px}.section-hdr{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-hdr-title,.summary-title,.form-card-title,.settings-card-title,.side-card-title{font-size:15px;font-weight:700}.provision-card{margin-bottom:12px;padding:20px}.provision-header,.pending-card,.summary-row,.summary-total,.order-card,.server-row{justify-content:space-between;align-items:center}.provision-title,.server-name,.pending-name,.summary-plan-name,.order-name,.server-row-name{font-size:14px;font-weight:600}.provision-meta,.server-plan,.pending-plan,.order-meta,.summary-plan-specs,.server-row-meta{font-size:12px}.progress-bar-wrap{background:#ffffff0f;border-radius:100px;height:6px;overflow:hidden}.progress-bar{background:var(--blue);border-radius:100px;height:100%;transition:width .6s}.progress-label{color:var(--text-2);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.pulse-dot,.side-list-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pulse-dot{animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.divider-section{margin:32px 0}.server-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.server-card{padding:20px}.server-card--empty{background:0 0;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.server-card-empty-copy{color:var(--text-3);margin-bottom:10px;font-size:13px}.server-meta-row{align-items:center;gap:8px;font-size:13px;display:flex}.server-meta-key{flex-shrink:0;width:62px}.server-meta-val,.phone-number,.info-val{font-family:var(--mono)}.server-actions,.order-actions,.hero-actions,.footer-links,.option-group{flex-wrap:wrap;gap:8px;display:flex}.password-toggle{color:var(--text-3);background:0 0;border:0;padding:0;font-size:12px}.pending-card{flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:18px 20px}.pending-info{flex:1;min-width:180px}.pending-amount{color:var(--amber);font-size:18px;font-weight:700}.pending-amount-block{text-align:right}.empty-state-card{padding:28px 24px}.empty-state-card--large{text-align:center}.empty-title{letter-spacing:-.3px;font-size:18px;font-weight:700}.empty-sub{max-width:420px;color:var(--text-2);margin-top:8px;font-size:14px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.product-card{flex-direction:column;padding:28px;transition:all .2s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:oklch(62% .21 248/.4);transform:translateY(-2px);box-shadow:0 8px 32px #0006}.product-card.popular{background:linear-gradient(135deg, var(--bg2) 0%, #0d1830 100%);border-color:oklch(62% .21 248/.4)}.popular-badge{background:var(--blue);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;right:16px}.product-name{color:var(--text-2);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:700}.product-old{color:var(--text-3);font-size:13px;text-decoration:line-through}.product-price-row{align-items:flex-end;gap:4px;margin-top:2px;display:flex}.product-price-dollar{color:var(--text-2);padding-bottom:4px;font-size:20px;font-weight:600}.product-price-big{letter-spacing:-2px;font-size:44px;font-weight:800;line-height:1}.product-price-cents{color:var(--text-2);font-size:20px;font-weight:600}.product-price-per{color:var(--text-3);padding-bottom:6px;font-size:12px}.product-term{color:var(--text-3);margin-top:6px;margin-bottom:20px;font-size:12px}.product-cta{margin-top:24px}.spec-list{border-top:1px solid var(--border);margin-top:auto;padding-top:20px}.no-setup{color:var(--blue);background:oklch(62% .21 248/.15);border-radius:100px;margin-top:10px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.back-link-row{margin-bottom:6px}.back-link{color:var(--text-3);background:0 0;border:0;padding:0;font-size:13px}.configure-layout,.pay-layout,.reset-layout{grid-template-columns:1fr 320px;align-items:start;gap:28px;display:grid}.config-section,.summary-card,.form-card,.settings-card,.side-card,.server-info-card{padding:24px}.config-section{margin-bottom:16px}.config-section-title{color:var(--text);margin-bottom:18px;font-size:14px;font-weight:700}.config-option-stack{flex-direction:column;gap:16px;display:flex}.config-option-group{flex-direction:column;gap:10px;display:flex}.config-option-group-title{color:var(--text);font-size:13px;font-weight:700}.config-option-group-sub{color:var(--text-2);font-size:12px}.plan-feature-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.plan-feature-chip{border:1px solid var(--border);color:var(--text-2);background:#ffffff0a;border-radius:999px;align-items:center;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex}.option-pill,.os-card,.addon-card{transition:all .15s}.option-pill{border:1px solid var(--border);color:var(--text-2);background:#ffffff0a;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.option-pill:hover,.os-card:hover,.addon-card:hover{border-color:var(--border-hi);color:var(--text)}.option-pill.selected,.os-card.selected,.addon-card.selected{border-color:var(--blue);background:var(--blue-dim);color:var(--text)}.option-pill-price{color:var(--blue);margin-top:2px;font-size:11px}.os-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.os-card{border:1px solid var(--border);text-align:center;background:#ffffff0a;border-radius:8px;padding:12px}.os-icon{background:var(--bg3);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;font-size:11px;font-weight:700;display:flex}.os-name{color:var(--text);margin-top:6px;font-size:13px;font-weight:600}.os-ver{color:var(--text-3);font-size:11px}.addon-card{border:1px solid var(--border);text-align:left;background:#ffffff0a;border-radius:8px;align-items:flex-start;gap:12px;width:100%;margin-bottom:8px;padding:14px;display:flex}.addon-checkbox{border:1.5px solid var(--border);border-radius:4px;flex-shrink:0;width:18px;height:18px;margin-top:1px}.addon-card.selected .addon-checkbox{background:var(--blue);border-color:var(--blue)}.addon-checkbox:after{content:""}.addon-card.selected .addon-checkbox:after{border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;margin:1px 0 0 5px;display:block;transform:rotate(45deg)}.addon-info{flex:1}.addon-name{font-size:13px;font-weight:600}.addon-desc,.addon-empty{color:var(--text-2);font-size:12px}.addon-price{color:var(--blue);white-space:nowrap;font-size:13px;font-weight:700}.config-form-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.summary-plan{background:var(--bg3);border-radius:10px;margin-bottom:16px;padding:14px}.summary-plan-name{color:var(--text)}.summary-plan--hero{border:1px solid color-mix(in oklab, var(--border) 74%, var(--blue) 26%);background:linear-gradient(180deg, color-mix(in oklab, var(--bg3) 84%, var(--blue) 16%) 0%, var(--bg3) 100%);margin-bottom:18px;padding:18px 20px;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.1)}.summary-plan--hero .summary-plan-name{letter-spacing:-.03em;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800}.summary-plan-specs{margin-top:8px}.summary-column{align-self:start}.summary-card--sticky{position:sticky;top:88px}.summary-card-body{display:block}.summary-line-items{flex-direction:column;gap:12px;display:flex}.summary-row--stacked{align-items:flex-start;gap:10px}.summary-selection-list{flex-direction:column;gap:8px;width:100%;display:flex}.summary-selection-item{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.summary-selection-name{color:var(--text);font-size:13px;font-weight:600}.summary-selection-meta{color:var(--text-2);text-align:right;font-size:12px}.mobile-summary-bar{border:0;border-bottom:1px solid var(--border);width:100%;color:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:none}.mobile-summary-label,.mobile-summary-total{color:var(--text);font-size:15px;font-weight:800}.mobile-summary-period,.mobile-summary-toggle{color:var(--text-3);font-size:12px}.mobile-summary-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.spec-list--hero{border-top:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:0;padding-top:0;display:grid}.spec-item--hero{border:1px solid color-mix(in oklab, var(--border) 78%, var(--blue) 22%);background:linear-gradient(180deg, color-mix(in oklab, var(--bg2) 88%, var(--blue) 12%) 0%, var(--bg3) 100%);border-radius:18px;flex-direction:column;justify-content:space-between;gap:14px;min-height:104px;padding:18px 18px 16px;display:flex;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.08),0 12px 30px #00000024}.spec-item--hero .spec-item-label{color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.spec-item--hero .spec-item-val{color:var(--text);letter-spacing:-.03em;font-size:clamp(1rem,1.6vw,1.22rem);font-weight:800;line-height:1.2}.summary-total-price{color:var(--blue);letter-spacing:-.5px;font-size:22px;font-weight:800}.phone-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d1830 0%,#142246 100%);border:1px solid oklch(62% .21 248/.35);flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:24px 28px;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 0 32px oklch(62% .21 248/.1)}.phone-banner--copied{border-color:oklch(66% .17 152/.85);box-shadow:0 0 0 1px oklch(66% .17 152/.45),0 0 28px oklch(66% .17 152/.18)}:root[data-theme=light] .nav-link:hover,:root[data-theme=light] .btn-ghost:hover,:root[data-theme=light] .sidebar-item:hover,:root[data-theme=light] .mob-drawer-item:hover,:root[data-theme=light] .theme-toggle:hover{background:#0f172a0a}:root[data-theme=light] .input,:root[data-theme=light] .textarea,:root[data-theme=light] .option-pill,:root[data-theme=light] .os-card,:root[data-theme=light] .addon-card,:root[data-theme=light] .filter-chip,:root[data-theme=light] .copy-btn,:root[data-theme=light] .theme-toggle{background:#f8fafcf2}:root[data-theme=light] .pw-warning,:root[data-theme=light] .warning-card{background:#fff7edeb}:root[data-theme=light] .feedback{color:#9a6700;background:#f59e0b14}.phone-number{color:var(--text);letter-spacing:1px;font-size:30px;font-weight:800}.phone-network{color:var(--text-3);margin-top:4px;font-size:12px}.copy-btn{border:1px solid var(--border);color:var(--text-2);background:#ffffff0f;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.copy-btn:hover{border-color:var(--border-hi);color:var(--text)}.steps{align-items:center;gap:0;margin-bottom:32px}.step{align-items:center;gap:8px}.step-num{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.step-num.done{background:var(--green);color:#fff}.step-num.active{background:var(--blue);color:#fff}.step-num.inactive{border:1px solid var(--border);background:var(--bg3);color:var(--text-3)}.step-label{font-size:13px;font-weight:500}.step-label.active{color:var(--text)}.step-label.inactive{color:var(--text-3)}.step-line{background:var(--border);flex:1;min-width:24px;height:1px;margin:0 12px}.info-steps{gap:0}.info-step{border-bottom:1px solid var(--border);gap:14px;padding:14px 0;display:flex}.info-step:last-child{border-bottom:0}.info-step-num{background:var(--blue-dim);width:24px;height:24px;color:var(--blue);border:1px solid oklch(62% .21 248/.25);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.info-step-text,.confirm-row-text,.side-list-text{color:var(--text-2);font-size:13px}.info-step-text strong,.pw-warning-text strong,.confirm-row-text strong{color:var(--text)}.pw-warning,.warning-card{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.pw-warning{background:oklch(72% .17 60/.08);border:1px solid oklch(72% .17 60/.25)}.pw-warning-text{color:var(--text-2);font-size:13px}.payment-method-group{flex-wrap:wrap;gap:12px;display:flex}.payment-method-card{background:var(--bg-elevated);border:2px solid var(--border-dim);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-width:140px;padding:16px 24px;transition:border-color .15s,background .15s;display:flex}.payment-method-card:hover{border-color:var(--border)}.payment-method-card.selected{background:color-mix(in srgb, oklch(66% .17 152/.1) 50%, var(--bg-elevated));border-width:2px;border-color:oklch(66% .17 152/.85);box-shadow:0 0 0 1px oklch(66% .17 152/.28)}.payment-method-img{object-fit:contain;border-radius:10px;width:64px;height:64px}.payment-method-label{color:var(--text);text-align:center;font-size:13px;font-weight:600}.payment-form-stack{flex-direction:column;gap:16px;display:flex}.payment-help-note{text-align:center;margin-top:12px;font-size:12px}.resumable-note{border:1px solid var(--border);color:var(--text-3);background:#ffffff0a;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:12px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filter-chip{border:1px solid var(--border);background:color-mix(in oklab, var(--bg2) 86%, white 14%);color:var(--text-2);letter-spacing:.02em;border-radius:100px;padding:7px 14px;font-size:12px;font-weight:700;transition:border-color .18s,background .18s,color .18s,transform .18s}.filter-chip:hover{border-color:var(--border-hi);color:var(--text);transform:translateY(-1px)}.filter-chip.active{background:var(--blue-dim);color:var(--text);border-color:oklch(62% .21 248/.4);box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.08)}.order-card{background:linear-gradient(180deg, color-mix(in oklab, var(--bg2) 90%, var(--blue) 10%) 0%, var(--bg2) 100%);border-radius:20px;grid-template-columns:1fr auto;align-items:start;gap:18px;margin-bottom:14px;padding:22px 24px;display:grid;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.07),0 16px 36px #03091429}.order-meta{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.order-right{flex-direction:column;align-items:flex-end;gap:10px;min-width:168px}.order-amount{color:var(--text);letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.order-addons{border:1px solid var(--border);background:color-mix(in oklab, var(--bg3) 88%, white 12%);color:var(--text-3);border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.45}.order-name{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:800}.order-meta-item{border:1px solid var(--border);background:color-mix(in oklab, var(--bg3) 90%, white 10%);min-height:26px;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.order-actions{justify-content:flex-end}.order-actions .btn{min-width:110px}.settings-card{margin-bottom:20px}.security-info{border:1px solid var(--border);background:#ffffff08;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:12px}.settings-form{gap:14px;max-width:440px}.server-row{border-bottom:1px solid var(--border);gap:12px;padding:14px 0}.server-row:last-child{border-bottom:0;padding-bottom:0}.server-row-info{flex:1}.reset-layout{max-width:820px}.server-info-card{background:var(--bg3);grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.info-field{flex-direction:column;gap:3px;display:flex}.info-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.info-val{color:var(--text);font-size:14px;font-weight:600}.info-val.name{font-family:var(--font);font-size:15px}.warning-card{background:oklch(62% .2 22/.06);border:1px solid oklch(62% .2 22/.25)}.warning-title{color:var(--red);margin-bottom:5px;font-size:14px;font-weight:700}.confirm-row{border:1px solid var(--border);background:#ffffff08;border-radius:8px;align-items:flex-start;gap:10px;padding:14px;display:flex}.confirm-row input{width:16px;height:16px;accent-color:var(--blue);flex-shrink:0}.confirm-msg{font-size:12px}.confirm-msg--ok{color:var(--green)}.confirm-msg--bad{color:var(--red)}.side-list{gap:10px}.side-list-item{align-items:flex-start;gap:10px;display:flex}.mob-menu-btn,.mob-drawer{display:none}@media (width<=900px){.hero-inner{grid-template-columns:1fr;gap:40px}.feature-grid,.pricing-grid{grid-template-columns:1fr}}@media (width<=768px){.container,.nav{padding:0 16px}.layout{grid-template-rows:auto 1fr;grid-template-columns:1fr!important}.sidebar{z-index:200;justify-content:space-between;align-items:center;top:0;left:0;right:0;border-right:0!important;border-bottom:1px solid var(--border)!important;flex-direction:row!important;width:100%!important;height:auto!important;position:fixed!important;overflow:visible!important}.sidebar-section,.sidebar-bottom{display:none}.sidebar-logo{border-bottom:0;height:54px;padding:0 16px}.mob-menu-btn{width:44px;height:54px;color:var(--text-2);background:0 0;border:0;justify-content:center;align-items:center;margin-right:8px;display:flex}.mob-drawer{z-index:300;pointer-events:none;display:block;position:fixed;inset:0}.mob-drawer.open{pointer-events:auto}.mob-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0009;transition:opacity .25s;position:absolute;inset:0}.mob-drawer-panel{border-right:1px solid var(--border);background:var(--bg2);flex-direction:column;width:260px;transition:transform .25s;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mob-drawer.open .mob-drawer-panel{transform:translate(0)}.mob-drawer.open .mob-drawer-backdrop{opacity:1}.mob-drawer-logo{justify-content:space-between}.mob-drawer-logo-inner{align-items:center;gap:8px;display:flex}.mob-drawer-close{color:var(--text-3);background:0 0;border:0}.main{margin-top:54px;padding:20px 16px}.server-grid,.products-grid,.feature-grid,.pricing-grid,.configure-layout,.pay-layout,.reset-layout,.os-grid,.config-form-grid,.settings-grid,.order-card,.server-info-card{grid-template-columns:1fr}.phone-banner,.pending-card,.section-hdr,.server-row,.summary-total,.summary-row{align-items:flex-start}.password-generator-row{flex-direction:column;align-items:stretch}.password-generator-btn{width:100%}.steps{gap:4px}.step-line{min-width:12px}.step-label{font-size:11px}.nav-links{gap:4px}.nav-link{display:none}.main{padding-bottom:112px}.summary-card--sticky{z-index:40;border-radius:18px;padding:0;position:fixed;inset:auto 12px 12px;box-shadow:0 18px 48px #03091457}.summary-card--sticky .summary-card-body{padding:0 18px 18px;display:none}.summary-card--sticky.open .summary-card-body{display:block}.mobile-summary-bar{display:flex}}@media (width<=600px){.hero{min-height:unset;padding:48px 0 40px}.hero-actions,.footer-links{flex-direction:column;align-items:stretch}.hero-stats{gap:20px}.auth-card{padding:20px}.site-footer-inner{flex-direction:column;align-items:flex-start;gap:12px}}