.subscription-page,.subscription-auth,.subscriber-dashboard{--sub:#c1121f;--sub-dark:#8f0d16;--sub-ink:#172033;--sub-soft:#f7f7f9;color:var(--sub-ink)}
.subscription-hero{padding:70px 0;background:linear-gradient(125deg,#25070a,#8f0d16);color:#fff}.subscription-hero span,.subscription-auth .eyebrow{font-weight:800;letter-spacing:.12em;text-transform:uppercase}.subscription-hero h1{max-width:800px;margin:8px 0 12px;font-size:clamp(36px,6vw,64px);line-height:1.04}.subscription-hero p{max-width:680px;margin:0;font-size:18px;color:#ffe9e9}.subscription-section,.subscription-faq{padding-top:55px;padding-bottom:55px}.subscription-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.subscription-heading h2,.subscription-faq h2{margin:0;font-size:32px}.billing-switch{display:flex;flex-wrap:wrap;padding:4px;border:1px solid #ddd;border-radius:10px}.billing-switch button{border:0;padding:10px 14px;background:transparent;border-radius:7px;cursor:pointer}.billing-switch button.active{background:var(--sub);color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:22px;align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;padding:26px;border:1px solid #e4e5e9;border-top:5px solid var(--plan-color);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(20,25,40,.06)}.plan-card.popular{transform:translateY(-8px);box-shadow:0 18px 45px rgba(193,18,31,.16)}.popular-label{position:absolute;top:-16px;right:16px;padding:6px 12px;border-radius:999px;background:var(--plan-color);color:#fff;font-size:12px;font-weight:800}.plan-card h3{margin:6px 0;font-size:24px}.plan-card small{color:#667085;text-transform:uppercase;font-weight:700}.plan-price{margin:20px 0}.plan-price strong{display:block;font-size:29px}.plan-price span{color:#667085}.plan-card ul,.subscription-detail ul{padding:0;margin:0 0 24px;list-style:none}.plan-card li,.subscription-detail li{display:flex;gap:10px;margin:10px 0}.plan-card li i,.subscription-detail li i{color:var(--plan-color,var(--sub));margin-top:5px}.subscription-button{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border:0;border-radius:7px;background:var(--sub);color:#fff!important;font-weight:800;cursor:pointer}.subscription-button:hover{background:var(--sub-dark)}.plan-card .subscription-button{margin-top:auto}.plan-detail{display:block;margin-top:12px;text-align:center;color:var(--sub);font-weight:700}.subscription-faq details{max-width:850px;padding:16px 0;border-bottom:1px solid #ddd}.subscription-faq summary{font-weight:800;cursor:pointer}.subscription-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:50px;padding-top:55px;padding-bottom:55px}.checkout-summary,.subscription-form-card,.subscriber-card{padding:28px;border:1px solid #e2e4e9;border-radius:12px;background:#fff;box-shadow:0 8px 25px rgba(20,25,40,.06)}.checkout-summary{align-self:start;position:sticky;top:95px}.checkout-summary select,.subscription-form-card input,.subscription-form-card select{width:100%;padding:12px;border:1px solid #cfd3da;border-radius:6px;background:#fff}.checkout-summary label,.subscription-form-card label{display:block;margin:14px 0 6px;font-weight:700}.summary-price{font-size:32px;font-weight:900}.checkout-summary small{display:block;margin-top:12px;color:#667085}.subscription-auth{min-height:65vh;padding:55px 16px;background:var(--sub-soft)}.subscription-form-card{width:min(520px,100%);margin:auto}.subscription-form-card.wide{width:min(850px,100%)}.subscription-form-card h1{margin:4px 0}.subscription-form-card>p{color:#667085}.subscription-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.subscription-form-grid .full{grid-column:1/-1}.subscription-form-card .check{display:flex;gap:9px;align-items:flex-start;font-weight:500}.subscription-form-card .check input{width:auto;margin-top:4px}.subscription-alert{margin:15px 0;padding:13px 16px;border-radius:6px;background:#eef3ff;color:#173a73}.subscription-alert.error{background:#fee8e8;color:#8f0d16}.subscription-alert.success{background:#e7f8ee;color:#126536}.checkout-list div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.checkout-list dd{font-weight:800}.subscriber-dashboard{width:min(1180px,calc(100% - 32px));margin:auto;padding:45px 0}.subscriber-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.subscriber-header h1{margin:4px 0}.subscriber-header button{border:1px solid #ddd;padding:10px 16px;background:#fff;border-radius:6px}.subscriber-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.subscriber-card.full{grid-column:1/-1}.subscriber-card.primary{border-top:5px solid var(--sub)}.subscriber-card h2{margin-top:0}.subscriber-card dl{display:flex;gap:35px}.subscriber-card dt{color:#667085}.subscriber-card dd{margin:0;font-weight:800}.status-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf0f4;font-size:12px;font-weight:800;text-transform:uppercase}.status-badge.active,.status-badge.approved{background:#dcf8e7;color:#126536}.status-badge.pending{background:#fff2cc;color:#795600}.table-responsive{overflow-x:auto}.subscriber-card table{width:100%;border-collapse:collapse}.subscriber-card th,.subscriber-card td{padding:12px;text-align:left;border-bottom:1px solid #eee}.empty-state{padding:22px;background:#f7f7f9;border-radius:8px}
.company-fields{margin:14px 0;padding:18px;border:1px solid #dfe2e8;border-radius:8px}.company-fields legend{width:auto;padding:0 8px;font-size:18px;font-weight:800}.company-fields textarea{width:100%;min-height:100px;padding:12px;border:1px solid #cfd3da;border-radius:6px}
@media(max-width:767px){.subscription-heading{display:block}.billing-switch{margin-top:20px}.plan-card.popular{transform:none}.subscription-detail,.subscriber-grid{grid-template-columns:1fr}.checkout-summary{position:static}.subscription-form-grid{grid-template-columns:1fr}.subscription-form-grid .full{grid-column:auto}.subscriber-card.full{grid-column:auto}.subscriber-header{align-items:flex-start}.subscription-hero{padding:48px 0}}
