:root{--ink:#12233f;--muted:#65738b;--line:#dbe2ee;--soft:#f6f8fc;--brand:#5146ff;--brand-dark:#3f35e8;--success:#157347;--success-bg:#eaf8ef;--danger:#b42318;--danger-bg:#fff1f0;--warning:#8a5700;--warning-bg:#fff8e5}*{box-sizing:border-box}html{background:var(--soft)}body{color:var(--ink);background:var(--soft);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:24px;padding:20px 6vw;display:flex}.brand-lockup{letter-spacing:-.03em;align-items:center;font-size:1.15rem;font-weight:800;display:inline-flex}.brand-logo{object-fit:contain;width:auto;max-width:min(160px,48vw);height:36px;display:block}.topbar-nav{color:var(--muted);align-items:center;gap:16px;font-size:.9rem;display:flex}.topbar-nav a:hover{color:var(--brand)}.main-content{width:min(1180px,100% - 36px);margin:0 auto;padding:52px 0 80px}.portal-content{height:calc(100dvh - 75px);padding:22px 0;overflow:hidden}.hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:52px;padding:46px 0 80px;display:grid}.portal-hero{gap:42px;height:100%;padding:0}.eyebrow{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;max-width:760px;margin-bottom:18px;font-size:clamp(2.3rem,6vw,4.5rem);line-height:.98}.portal-hero h1{max-width:600px;margin-bottom:14px;font-size:clamp(2.2rem,4.5vw,3.8rem)}h2{letter-spacing:-.03em;margin-bottom:8px;font-size:1.35rem}h3{margin-bottom:7px;font-size:1rem}.lead{max-width:650px;color:var(--muted);font-size:1rem;line-height:1.5}.portal-fact{max-width:520px;padding:10px 0;font-size:.88rem}.muted{color:var(--muted)}.small{font-size:.84rem}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{color:#fff;background:var(--brand);border:1px solid var(--brand);border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 17px;font-weight:750;transition:background .12s,transform .12s;display:inline-flex}.button:hover{background:var(--brand-dark);transform:translateY(-1px)}.button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.button.secondary:hover{color:var(--brand);background:#fff;border-color:#b8b4ff}.button.danger{color:var(--danger);background:#fff;border-color:#f2c5c1}.button:disabled{cursor:wait;opacity:.6;transform:none}.hero-card,.card,.auth-card,.status-card{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 16px 40px #18305a0f}.hero-card{padding:26px}.hero-card-header,.section-header,.card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.fake-row,.activity-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:15px 0;display:flex}.fake-row:last-child,.activity-row:last-child{border-bottom:0}.pill,.status-pill{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:4px 9px;font-size:.75rem;font-weight:750;display:inline-flex}.status-pill.succeeded,.status-pill.paid{color:var(--success);background:var(--success-bg);border-color:#a9dfbb}.status-pill.failed,.status-pill.refunded,.status-pill.disputed{color:var(--danger);background:var(--danger-bg);border-color:#f1c1bc}.status-pill.pending,.status-pill.uncaptured,.status-pill.requires_action{color:var(--warning);background:var(--warning-bg);border-color:#efd891}.section{margin-top:34px}.section-header{margin-bottom:15px}.card{padding:24px}.public-payment-card{padding:21px}.public-payment-card .card-header{gap:10px}.public-payment-card .eyebrow{margin-bottom:5px}.public-payment-card h2{margin-bottom:4px}.public-payment-card .form-grid{gap:11px}.public-payment-card .field{gap:5px}.public-payment-card .field label{font-size:.82rem}.public-payment-card .field input,.public-payment-card .field select{min-height:40px;padding:8px 10px}.payment-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.choice-block{gap:6px;display:grid}.amount-block,.custom-amount-field{grid-column:1/-1}.choice-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.choice-label{color:var(--ink);font-size:.82rem;font-weight:750}.choice-options,.amount-options{gap:6px;display:grid}.choice-options{grid-template-columns:repeat(2,minmax(0,1fr))}.amount-options{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-button,.amount-button{min-height:40px;color:var(--muted);background:#fff;border:1px solid #cbd5e3;border-radius:9px;padding:7px 9px;font-size:.8rem;font-weight:750;transition:color .12s,border-color .12s,background .12s,box-shadow .12s}.choice-button:hover,.amount-button:hover{color:var(--brand);border-color:#aaa6ff}.choice-button.selected,.amount-button.selected{color:var(--brand-dark);border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:#f0efff}.custom-amount-field{gap:5px}.compact-message{margin-top:11px}.privacy-notice{color:var(--muted);border:1px solid var(--line);background:#f7f8fc;border-radius:10px;grid-template-columns:21px minmax(0,1fr);gap:8px;margin-top:11px;padding:9px 10px;font-size:.69rem;line-height:1.35;display:grid}.privacy-notice-icon{width:21px;height:21px;color:var(--success);background:var(--success-bg);border-radius:50%;place-items:center;font-size:.72rem;font-weight:900;display:grid}.privacy-notice strong{color:var(--ink);margin-bottom:2px;font-size:.74rem;display:block}.privacy-notice p{margin:0 0 2px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.form-grid .full{grid-column:1/-1}.field{gap:7px;display:grid}.field label{color:var(--ink);font-size:.88rem;font-weight:750}.field input,.field select,.field textarea{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cbd5e3;border-radius:9px;outline:none;padding:10px 12px}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5146ff21}.field-hint{color:var(--muted);font-size:.78rem;line-height:1.45}.check-row{min-height:44px;color:var(--ink);align-items:center;gap:9px;font-size:.88rem;font-weight:700;display:flex}.check-row input{width:17px;height:17px;accent-color:var(--brand)}.plan-editor{gap:12px;margin-top:8px;display:grid}.plan-row{grid-template-columns:minmax(0,1.4fr) minmax(110px,.8fr) minmax(130px,.85fr) 45px;align-items:end;gap:8px;display:grid}.icon-button{min-height:44px;color:var(--danger);background:#fff;border:1px solid #f1c1bc;border-radius:9px;font-size:1.1rem}.error-message,.success-message,.info-message{border-radius:10px;padding:12px 14px;font-size:.9rem;line-height:1.5}.error-message{color:var(--danger);background:var(--danger-bg);border:1px solid #f1c1bc}.success-message{color:var(--success);background:var(--success-bg);border:1px solid #a9dfbb}.info-message{color:var(--ink);background:#f1f4ff;border:1px solid #cbd4ff}.link-result{background:var(--soft);border-radius:12px;gap:10px;margin-top:18px;padding:15px;display:grid}.link-value{overflow-wrap:anywhere;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.summary-grid{grid-template-columns:repeat(7,minmax(115px,1fr));gap:10px;margin:18px 0;display:grid}.summary-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:15px}.summary-card.active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.summary-label{color:var(--muted);font-size:.75rem}.summary-value{margin-top:6px;font-size:1.2rem;font-weight:850;display:block}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:850px;font-size:.86rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 12px}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:#fbfcff;font-size:.74rem;font-weight:800}.data-table tbody tr:last-child td{border-bottom:0}.amount-cell{font-weight:800}.auth-shell,.center-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(430px,100%);padding:31px}.auth-card .brand-lockup{margin-bottom:30px}.auth-form{gap:17px;display:grid}.auth-form .button{width:100%;margin-top:5px}.payment-shell{min-height:100vh;padding:30px 18px 70px}.payment-card,.result-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(560px,100%);margin:42px auto 0;padding:34px;box-shadow:0 20px 60px #18305a14}.payment-card h1,.result-card h1{margin-bottom:13px;font-size:clamp(2rem,6vw,3.1rem)}.payment-description{color:var(--muted);white-space:pre-wrap;line-height:1.65}.price-options{gap:10px;margin:25px 0;display:grid}.price-option{color:var(--ink);border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;padding:15px 16px;display:flex}.price-option.selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.price-option:hover{border-color:#aaa6ff}.price-option strong{font-size:1.05rem;display:block}.price-option span{color:var(--muted);font-size:.8rem}.payment-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin:14px 0 12px;padding-top:13px;display:flex}.payment-total strong{letter-spacing:-.04em;font-size:1.45rem}.secure-note{color:var(--muted);align-items:center;gap:8px;margin-top:11px;font-size:.78rem;display:flex}.payment-submit{width:100%;margin-top:11px}.result-icon{width:50px;height:50px;color:var(--brand);background:#eeedff;border-radius:15px;place-items:center;margin-bottom:20px;font-size:1.45rem;font-weight:900;display:grid}.result-icon.success{color:var(--success);background:var(--success-bg)}.result-icon.error{color:var(--danger);background:var(--danger-bg)}.result-icon.warning{color:var(--warning);background:var(--warning-bg)}.result-help{color:var(--muted);background:var(--soft);border-radius:12px;margin:20px 0;padding:16px;line-height:1.55}.footer-note{color:var(--muted);text-align:center;margin-top:14px;font-size:.8rem;line-height:1.5}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:28px;padding-top:20px}.portal-content{height:calc(100dvh - 65px);min-height:0;padding:16px 0;overflow:hidden}.portal-hero{justify-content:center;gap:0;padding:0;display:flex}.portal-hero>div:first-child{display:none}.public-payment-card{width:min(460px,100%)}.public-payment-card .privacy-notice{font-size:.68rem}.summary-grid{grid-template-columns:repeat(4,minmax(115px,1fr));overflow-x:auto}}@media (max-width:620px){.topbar{padding:16px 18px}.topbar-nav a:not(.button){display:none}.main-content{width:min(100% - 28px,1180px);padding-top:30px}.portal-content{padding-top:18px}.portal-hero h1{font-size:2.2rem}.portal-fact{padding:8px 0;font-size:.8rem}.portal-hero .portal-fact{display:none}.form-grid,.payment-choice-grid,.plan-row{grid-template-columns:1fr}.form-grid .full,.amount-block,.custom-amount-field{grid-column:auto}.card,.payment-card,.result-card,.auth-card{padding:23px}.public-payment-card{padding:18px}.amount-options{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{padding-bottom:4px;display:flex}.summary-card{min-width:116px}}