:root{--ss-ink:#16222b;--ss-muted:#66737c;--ss-line:#dce3e7;--ss-card:#fff;--ss-bg:#f5f7f8;--ss-accent:#a9252c;--ss-dark:#10181e;--ss-green:#237e5b}
*{box-sizing:border-box}body.self-service-page{margin:0;background:var(--ss-bg);color:var(--ss-ink);font-family:Poppins,Arial,sans-serif}.ss-shell{width:min(1160px,calc(100% - 32px));margin:36px auto 70px}.ss-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}.ss-card{background:var(--ss-card);border:1px solid var(--ss-line);border-radius:22px;padding:28px;box-shadow:0 12px 35px rgba(16,24,30,.06)}.ss-hero-copy{background:linear-gradient(135deg,#111a20,#24333c);color:#fff}.ss-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:#d7e0e4}.ss-hero h1,.ss-card h1,.ss-card h2{margin:.25em 0}.ss-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.04}.ss-lead{font-size:18px;line-height:1.65;color:#d7e0e4}.ss-price{display:flex;align-items:baseline;gap:8px;margin:24px 0}.ss-price strong{font-size:44px}.ss-price span{color:#cbd6da}.ss-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.ss-feature{padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.05)}.ss-feature b{display:block}.ss-feature small{color:#cbd6da}.ss-alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;background:#fff0f0;border:1px solid #efb9bb;color:#8c1c22}.ss-notice{padding:14px 16px;border-radius:12px;margin-bottom:18px;background:#edf8f3;border:1px solid #b9decf;color:#1d684c}.ss-form{display:grid;gap:15px}.ss-form label{display:grid;gap:7px;font-size:14px;font-weight:650}.ss-form input,.ss-form select{width:100%;border:1px solid #cbd5da;border-radius:11px;padding:12px 13px;font:inherit;background:#fff}.ss-form input:focus,.ss-form select:focus{outline:3px solid rgba(169,37,44,.13);border-color:var(--ss-accent)}.ss-checkbox{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important}.ss-checkbox input{width:auto;margin-top:4px}.ss-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:11px;padding:13px 18px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.ss-btn-primary{background:var(--ss-accent);color:#fff}.ss-btn-secondary{background:#e8edef;color:var(--ss-ink)}.ss-btn-danger{background:#fff0f0;color:#8c1c22;border:1px solid #efb9bb}.ss-btn[disabled]{opacity:.55;cursor:not-allowed}.ss-payments{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ss-payment{padding:7px 10px;border:1px solid var(--ss-line);border-radius:999px;font-size:12px;background:#fff}.ss-small{font-size:12px;color:var(--ss-muted);line-height:1.55}.ss-section{margin-top:28px}.ss-plan-table{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ss-plan-table>div{padding:18px;border:1px solid var(--ss-line);border-radius:14px;background:#fff}.ss-plan-table b{display:block;font-size:20px}.ss-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ss-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf8f3;color:var(--ss-green);font-size:12px;font-weight:700}.ss-status.warn{background:#fff5df;color:#875c00}.ss-status.bad{background:#fff0f0;color:#8c1c22}.ss-data{display:grid;gap:0;margin:16px 0}.ss-data>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--ss-line)}.ss-data span{color:var(--ss-muted)}.ss-users{display:grid;gap:10px}.ss-user{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--ss-line);border-radius:11px}.ss-footer{text-align:center;margin-top:24px;color:var(--ss-muted);font-size:12px}.ss-hidden{position:absolute;left:-10000px}.ss-logo-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.ss-logo-bar img{height:42px;width:auto}.ss-logo-bar a{color:var(--ss-ink);text-decoration:none;font-weight:650}.ss-error-page{min-height:100vh;display:grid;place-items:center;padding:24px}.ss-error-page .ss-card{max-width:640px;text-align:center}.ss-code{font-family:ui-monospace,monospace;background:#eef1f2;padding:5px 8px;border-radius:7px}
@media(max-width:800px){.ss-hero,.ss-grid-2{grid-template-columns:1fr}.ss-plan-table{grid-template-columns:1fr}.ss-shell{width:min(100% - 20px,700px);margin-top:20px}.ss-card{padding:22px}.ss-feature-grid{grid-template-columns:1fr}.ss-hero h1{font-size:38px}}