:root{--bg: #0f172a;--panel: #ffffff;--ink: #0f172a;--muted: #64748b;--border: #e2e8f0;--brand: #635bff;--brand-ink: #ffffff;--error: #dc2626;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:linear-gradient(160deg,#1e293b,#0f172a);min-height:100vh}.app{max-width:560px;margin:0 auto;padding:32px 20px 64px}.app__header{display:flex;align-items:baseline;gap:10px;margin-bottom:24px}.app__brand{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.02em}.app__tag{font-size:13px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.card{background:var(--panel);border-radius:var(--radius);padding:28px;box-shadow:0 20px 40px -20px #00000080}.card__title{margin:0 0 4px;font-size:24px}.card__subtitle{margin:0 0 24px;color:var(--muted);font-size:14px}.form{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:600;color:#334155}.field__input{padding:11px 12px;font-size:15px;border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s}.field__input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #635bff26}.field__error{color:var(--error);font-size:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:12px 16px;font-size:15px;font-weight:600;border-radius:8px;background:var(--brand);color:var(--brand-ink);transition:filter .15s}.btn:hover{filter:brightness(1.05)}.btn--ghost{background:transparent;color:var(--muted);margin-top:20px;padding:8px 0;font-weight:500}.btn--ghost:hover{color:var(--ink);filter:none}.summary{margin:0 0 24px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.summary__row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin:0}.summary__row+.summary__row{border-top:1px solid var(--border)}.summary__label{color:var(--muted);font-size:14px;margin:0}.summary__value{margin:0;font-weight:600;font-size:15px}.stripe-placeholder{border:2px dashed #cbd5e1;border-radius:10px;padding:28px 20px;text-align:center;background:#f8fafc}.stripe-placeholder__badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:#635bff1a;padding:4px 10px;border-radius:999px;margin-bottom:12px}.stripe-placeholder__text{margin:0 0 6px;font-size:14px;color:#334155}.stripe-placeholder__hint{margin:0;font-size:13px;color:var(--muted)}.pay-form{display:flex;flex-direction:column;gap:16px}.pay-form__submit{width:100%}.pay-form__submit:disabled{opacity:.6;cursor:not-allowed}.pay-form__message{margin:0;font-size:14px;font-weight:500}.pay-form__message--ok{color:#15803d}.pay-form__message--err{color:#dc2626}.card--center{text-align:center}.success__check{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:30px;line-height:56px;font-weight:700}