:root{--primary-dark:#1a1a2e;--text-primary:#1a1a2e;--text-secondary:#6b7280;--border-color:#e5e7eb;--bg-light:#f8fafc;--success-green:#16a34a;--alert-red:#dc2626;--alert-bg:#fef2f2;}.subscription-container{max-width:1000px;margin:0 auto;padding:0 20px;}.page-header{margin-bottom:32px;}.page-header h1{font-family:'Inter',sans-serif;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:12px;}.page-header .subtitle{font-size:16px;color:var(--text-secondary);font-weight:400;}.plan-disclosure{background:var(--alert-bg);border-left:4px solid var(--alert-red);border-radius:8px;padding:16px 20px;margin-bottom:32px;}.plan-disclosure .disclosure-title{font-size:14px;font-weight:600;color:var(--alert-red);margin-bottom:4px;display:flex;align-items:center;gap:8px;}.plan-disclosure .disclosure-title i{font-size:16px;}.plan-disclosure .disclosure-text{font-size:14px;color:#7f1d1d;margin:0;line-height:1.5;}.subscription-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start;}.plan-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:28px;position:relative;}.plan-badge{display:inline-block;background:var(--bg-light);color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;border-radius:4px;margin-bottom:8px;}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;}.plan-name{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;}.plan-price{text-align:right;}.plan-price .amount{display:flex;align-items:baseline;justify-content:flex-end;gap:2px;}.plan-price .currency{font-size:20px;font-weight:600;color:var(--text-primary);}.plan-price .value{font-size:36px;font-weight:700;color:var(--text-primary);}.plan-price .period{font-size:14px;color:var(--text-secondary);margin-top:2px;}.plan-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color);}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;}.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-primary);}.feature-item i{color:var(--success-green);font-size:16px;margin-top:2px;flex-shrink:0;}.order-summary-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:28px;box-shadow:0 4px 24px rgba(0,0,0,.06);}.order-summary-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px;}.order-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;}.order-row .label{color:var(--text-secondary);}.order-row .value{color:var(--text-primary);font-weight:500;}.order-row.total{border-top:1px solid var(--border-color);margin-top:12px;padding-top:16px;}.order-row.total .label{font-size:16px;font-weight:600;color:var(--text-primary);}.order-row.total .value{font-size:20px;font-weight:700;color:var(--text-primary);}.coupon-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);}.coupon-section .coupon-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px;}.coupon-input-group{display:flex;gap:8px;}.coupon-input-group input{flex:1;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;font-size:14px;outline:0;transition:border-color .2s;}.coupon-input-group input:focus{border-color:var(--text-primary);}.coupon-input-group input::placeholder{color:#9ca3af;}.btn-apply{border:0;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;}.btn-apply:hover{background:#2d2d4a;}.btn-apply:disabled{background:#9ca3af;cursor:not-allowed;}.discount-row{display:none;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;margin-top:12px;}.discount-row.show{display:block;}.discount-row .discount-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}.discount-row .coupon-tag{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;color:#166534;font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;}.discount-row .coupon-tag i{font-size:12px;}.discount-row .remove-coupon{color:var(--text-secondary);font-size:14px;cursor:pointer;padding:4px;transition:color .2s;}.discount-row .remove-coupon:hover{color:var(--alert-red);}.discount-row .discount-details{display:flex;justify-content:space-between;align-items:center;font-size:14px;}.discount-row .discount-details .label{color:#166534;}.discount-row .discount-details .value{color:#166534;font-weight:600;}.btn-subscribe{width:100%;background:var(--success-green);color:#fff;border:0;border-radius:8px;padding:16px;font-size:16px;font-weight:600;margin-top:20px;cursor:pointer;transition:background .2s;}.btn-subscribe:hover{background:#15803d;}.security-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:12px;color:var(--text-secondary);}.security-note i{font-size:14px;}.coupon-section.has-coupon .coupon-input-group{display:none;}.coupon-section.has-coupon .coupon-label{display:none;}.coupon-error{display:none;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:13px;color:#dc2626;}.coupon-error.show{display:flex;}.coupon-error i{font-size:14px;}.coupon-input-group.error input{border-color:#dc2626;}@media(max-width:900px){.subscription-container{padding:0 16px;}.subscription-layout{grid-template-columns:1fr;gap:24px;}.plan-card{order:1;}.order-summary-card{order:2;}}@media(max-width:600px){.page-header{margin-bottom:24px;}.page-header h1{font-size:24px;line-height:1.3;}.page-header h1 br{display:none;}.page-header .subtitle{font-size:14px;}.plan-disclosure{padding:14px 16px;margin-bottom:24px;}.plan-disclosure .disclosure-title{font-size:13px;}.plan-disclosure .disclosure-text{font-size:13px;}.plan-card{padding:20px;border-radius:12px;}.plan-badge{font-size:10px;padding:5px 10px;}.plan-header{flex-direction:column;gap:12px;margin-bottom:20px;}.plan-name{font-size:22px;}.plan-price{text-align:left;}.plan-price .amount{justify-content:flex-start;}.plan-price .currency{font-size:16px;}.plan-price .value{font-size:28px;}.plan-price .period{font-size:13px;}.plan-section-title{font-size:11px;margin-bottom:12px;}.features-grid{grid-template-columns:1fr;gap:10px;}.feature-item{font-size:13px;gap:8px;}.feature-item i{font-size:14px;}.feature-item span br{display:none;}.order-summary-card{padding:20px;border-radius:12px;}.order-summary-card h3{font-size:16px;margin-bottom:16px;}.order-row{padding:8px 0;font-size:13px;}.order-row.total{padding-top:12px;margin-top:8px;}.order-row.total .label{font-size:14px;}.order-row.total .value{font-size:18px;}.coupon-section{margin-top:16px;padding-top:16px;}.coupon-input-group{flex-direction:row;}.coupon-input-group input{padding:10px 12px;font-size:13px;}.btn-apply{padding:10px 16px;font-size:12px;white-space:nowrap;}.discount-row{padding:10px;margin-top:10px;}.discount-row .coupon-tag{font-size:11px;padding:3px 8px;}.discount-row .discount-details{font-size:13px;}.btn-subscribe{padding:14px;font-size:15px;margin-top:16px;}.security-note{font-size:11px;margin-top:12px;}}:root{--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--bg-light:#1e293b;}.plan-card,.order-summary-card{background:#1e293b;}.plan-disclosure{background:#450a0a;border-left-color:#f87171;}.plan-disclosure .disclosure-title{color:#f87171;}.plan-disclosure .disclosure-text{color:#fca5a5;}.coupon-input-group input{background:#0f172a;color:#f1f5f9;border-color:#334155;}.discount-row{background:#14532d;border-color:#166534;}.discount-row .coupon-tag{background:#166534;color:#bbf7d0;}.discount-row .discount-details .label,.discount-row .discount-details .value{color:#bbf7d0;}.discount-row .remove-coupon{color:#94a3b8;}.discount-row .remove-coupon:hover{color:#f87171;}.coupon-error{background:#450a0a;border-color:#7f1d1d;color:#fca5a5;}.coupon-input-group.error input{border-color:#f87171;}