main { max-width:650px; padding-bottom:40px; } .premium-hero { margin:22px 0 30px; padding:30px 24px; border-radius:26px; background:linear-gradient(135deg,#123e36,#176e5b); color:#fff; } .premium-badge { color:#f4dba1; font-size:11px; font-weight:800; letter-spacing:1.5px; } .premium-hero h1 { font-size:32px; line-height:1.2; margin:22px 0 16px; letter-spacing:-1px; } .premium-hero p { font-size:15px; line-height:1.7; color:#deeee7; } .premium-hero-link { display:inline-flex; gap:16px; margin-top:12px; padding:13px 18px; background:#f4dba1; color:#193c31; border-radius:12px; text-decoration:none; font-size:14px; font-weight:800; } .premium-benefits article { display:flex; gap:16px; margin:24px 4px; }.benefit-number { color:var(--accent); font-size:13px; font-weight:800; padding-top:3px; }.premium-benefits h2 { font-size:17px; margin:0 0 8px; }.premium-benefits p,.premium-note,.premium-terms p { font-size:14px; line-height:1.7; color:var(--muted); margin:0; }.premium-plans { margin-top:30px; }.premium-plan { display:grid; grid-template-columns:1fr auto; padding:18px 0; border-bottom:1px solid var(--line); font-size:17px; }.premium-plan span { grid-column:1/-1; font-size:12px; color:var(--muted); margin-top:6px; }.premium-buy { display:block; text-align:center; margin:22px 0 14px; padding:16px 12px; border-radius:14px; background:var(--accent); color:var(--card); text-decoration:none; font-size:14px; font-weight:800; }.premium-note { padding:0 8px; font-size:12px; }.premium-terms { margin:20px 8px; }.premium-terms p { padding-top:12px; font-size:12px; }

.premium-manual-pay { display:flex; align-items:center; justify-content:center; gap:10px; box-sizing:border-box; width:100%; min-height:56px; margin-top:20px; padding:14px 12px; border:1.5px solid var(--accent); border-radius:14px; background:var(--soft); color:var(--text); text-align:center; text-decoration:none; font-size:14px; font-weight:800; line-height:1.5; }
.premium-manual-pay svg { width:22px; height:22px; flex-shrink:0; color:var(--accent); }
.premium-manual-pay:hover { border-color:var(--text); }
.premium-manual-pay:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.premium-manual-note { margin:10px 0 0; text-align:center; color:var(--text); font-size:13px; line-height:1.6; }