.hosting-page{padding-block:40px 64px}.hosting-head{margin-bottom:24px}.hosting-head p{color:var(--color-text-muted);max-width:720px}.hosting-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:24px;gap:24px;align-items:start}@media (max-width:900px){.hosting-start{grid-template-columns:minmax(0,1fr)}}.hosting-start-main{display:grid;grid-gap:16px;gap:16px}.hosting-start fieldset{border:0;margin:0;display:grid;grid-gap:14px;gap:14px}.hosting-start legend{font-weight:700;font-size:1.05rem;padding:0;margin-bottom:4px}.hosting-field{display:grid;grid-gap:6px;gap:6px}.hosting-field>span{font-weight:600}.hosting-field small{opacity:.75}.hosting-field input,.hosting-field select{width:100%}.hosting-plan-options{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hosting-chip,.hosting-plan-option{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid var(--color-border);border-radius:var(--radius-sm,10px);padding:10px 12px;cursor:pointer}.hosting-plan-option span{flex-basis:100%;opacity:.8;font-size:.9rem}.hosting-chip.is-on,.hosting-plan-option.is-on{border-color:var(--color-primary)}.hosting-chips{display:flex;flex-wrap:wrap;gap:8px}.hosting-chip{padding:6px 12px;border-radius:999px}.hosting-summary{position:-webkit-sticky;position:sticky;top:90px;display:grid;grid-gap:12px;gap:12px}.hosting-summary h2{font-size:1.1rem;margin:0}.hosting-summary dl{margin:0;display:grid;grid-gap:8px;gap:8px}.hosting-summary dl>div{display:flex;justify-content:space-between;gap:12px}.hosting-summary dd{margin:0;font-weight:600}.hosting-total{border-top:1px solid var(--color-border);padding-top:8px;font-size:1.1rem}.hosting-agree{display:flex;gap:8px;align-items:flex-start}.hosting-agree input{margin-top:4px}.hosting-note{opacity:.85}.hosting-error{color:#dc2626}.hosting-ok{color:#16a34a}.hosting-actions{display:flex;gap:10px;flex-wrap:wrap}.hosting-warning{border:1px solid #f59e0b;border-radius:10px;padding:10px 14px;background:rgba(245,158,11,.08)}.hosting-warning p{margin:4px 0 0}.hosting-dns-problem{display:block;margin-top:4px;overflow-wrap:anywhere}.hosting-signin{display:grid;grid-gap:12px;gap:12px;max-width:560px}.hosting-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.hosting-list-head h1{margin:0}.hosting-site-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.hosting-site-card{display:grid;grid-gap:6px;gap:6px;align-content:start}.hosting-site-card p{margin:0}.hosting-site-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.hosting-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hs-stack{display:grid;grid-gap:14px;gap:14px;min-width:0}.hs-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:14px 16px;border-radius:12px;border:1px solid var(--color-border);font-size:13.5px;line-height:1.5}.hs-banner>i{font-size:1.25rem}.hs-banner-text{display:grid;grid-gap:2px;gap:2px;flex:1 1 220px;min-width:0}.hs-banner-text span{color:var(--color-text);opacity:.85}.hs-banner--danger{color:#b91c1c;background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.32)}.hs-banner--warn{color:#b45309;background:rgba(217,119,6,.08);border-color:rgba(217,119,6,.35)}.hs-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.hs-kpi{display:grid;align-content:start;justify-items:start;grid-gap:6px;gap:6px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm,12px);background:color-mix(in srgb,var(--color-bg,transparent) 40%,var(--color-surface));min-width:0}.hs-kpi-label{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.hs-kpi-value{font-size:1.25rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.hs-kpi-sub{font-size:12.5px}.hs-kpi-sub,.hs-pill{color:var(--color-text-muted)}.hs-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;border:1px solid var(--color-border)}.hs-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.hs-pill--ok{color:#059669;border-color:rgba(5,150,105,.35);background:rgba(5,150,105,.1)}.hs-pill--warn{color:#d97706;border-color:rgba(217,119,6,.35);background:rgba(217,119,6,.1)}.hs-pill--bad{color:#dc2626;border-color:rgba(220,38,38,.35);background:rgba(220,38,38,.1)}.hosting-grid-2{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hosting-asset{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hosting-asset-preview{display:grid;place-items:center;border:1px dashed var(--color-border);border-radius:var(--radius-sm,10px);background:repeating-conic-gradient(color-mix(in srgb,var(--color-border) 45%,transparent) 0 25%,transparent 0 50%) 0 0 /16px 16px;overflow:hidden;color:var(--color-text-muted)}.hosting-asset-preview--logo{width:180px;height:64px}.hosting-asset-preview--icon{width:64px;height:64px}.hosting-asset-preview img{max-width:100%;max-height:100%;object-fit:contain}.hosting-asset .is-disabled{opacity:.5;pointer-events:none}.hosting-color{display:flex;align-items:center;gap:10px}.hosting-color input[type=color]{width:48px;height:36px;padding:2px;border-radius:8px}.hosting-request{display:grid;grid-gap:16px;gap:16px}.hosting-request>h3{margin:0}.hosting-request fieldset{border:0;margin:0;display:grid;grid-gap:14px;gap:14px}.hosting-request legend{font-weight:700;font-size:1.05rem;padding:0;margin-bottom:4px}.hosting-dns code{overflow-wrap:anywhere;font-size:12.5px}.hosting-dns-value{max-width:420px}.hosting-steps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:step}.hosting-steps li{counter-increment:step;display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--color-border);border-radius:999px;font-size:13px;color:var(--color-text-muted)}.hosting-steps li:before{content:counter(step);font-weight:800}.hosting-steps li.is-done{color:#059669;border-color:rgba(5,150,105,.35)}.hosting-steps li.is-done:before{content:"✓"}.hosting-steps li.is-current{color:var(--color-text);border-color:var(--color-primary);font-weight:700}