.subscription{max-width:1160px;margin:auto}.subscription p{line-height:1.7}.sub-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:28px 32px;border:1px solid #cbd5e1;border-radius:16px;background:#f1f5f9}.sub-hero h3{font-size:28px;margin:8px 0}.sub-hero p{max-width:720px;margin:0}.sub-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em}.sub-days{text-align:center;flex-shrink:0;display:grid;min-width:115px;gap:3px}.sub-days strong{font-size:52px;line-height:1.2}.sub-days span{font-size:14px}.sub-green{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.sub-yellow{background:#fef3c7;color:#854d0e;border-color:#eab308}.sub-red{background:#fee2e2;color:#991b1b;border-color:#f87171}.sub-neutral{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.sub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.sub-stats>div{display:grid;gap:10px;background:white;border:1px solid #dce6ec;border-radius:12px;padding:18px}.sub-stats span{color:#526277;font-size:13px}.sub-stats strong{font-size:18px}.sub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 16px}.sub-tabs{display:flex;border-bottom:1px solid #cbd5e1;gap:6px}.sub-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 14px;font:inherit;color:#475569;cursor:pointer}.sub-tabs [aria-selected=true]{color:#0f766e;border-color:#0f766e;font-weight:700}.sub-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sub-form label{display:grid;gap:8px;font-weight:600;font-size:14px}.sub-form input,.sub-form select,.sub-form textarea{width:100%;box-sizing:border-box;border:1px solid #b8c7d3;border-radius:8px;padding:11px;background:#fff;font:inherit;color:#17202a}.sub-form input:disabled{background:#edf2f7;color:#64748b}.sub-wide{grid-column:1/-1}.sub-help{font-size:13px;color:#526277}.sub-buttons{display:flex;gap:10px;flex-wrap:wrap}.sub-message{padding:14px 18px;background:#ecfdf5;color:#065f46;border-radius:8px}.sub-error{background:#fee2e2;color:#991b1b}.sub-badge{display:inline-block;border:1px solid;border-radius:99px;padding:5px 12px;white-space:nowrap;font-size:13px}.sub-history{max-height:540px;overflow:auto}.sub-history article{padding:18px 0;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere}.sub-history article>span{display:block;font-size:12px;color:#64748b;margin-top:5px}.sub-history p{margin:8px 0 0}.subscription-bell{position:relative;display:flex;align-items:center;gap:6px;border:1px solid;border-radius:10px;min-height:42px;padding:8px 10px;cursor:pointer;font-weight:700}.subscription-bell svg{width:23px;height:23px}.subscription-bell span{font-size:12px}.subscription .table-wrap{overflow:auto}.subscription table td{vertical-align:top}.subscription small{overflow-wrap:anywhere}.subscription button:focus-visible{outline:3px solid #0d9488;outline-offset:3px}
@media(max-width:700px){.sub-hero{padding:20px;gap:12px}.sub-hero h3{font-size:23px}.sub-days{min-width:75px}.sub-days strong{font-size:36px}.sub-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sub-stats>div{padding:14px}.sub-stats strong{font-size:16px}.sub-form{grid-template-columns:1fr}.sub-toolbar{align-items:stretch}.sub-tabs button{font-size:13px;padding:10px}.sub-toolbar>.btn{padding:8px;font-size:12px}.subscription-bell{padding:7px;gap:3px}}

.subscription .card.section{padding:22px;margin:16px 0}.subscription .card.section>h3{margin-top:0}@media(max-width:700px){.subscription .card.section{padding:16px}}