:root{--navy:#071827;--panel:#102f49;--panel2:#0c263d;--cyan:#22d3ee;--lime:#b7f52f;--blue:#1684ff;--text:#edf7ff;--muted:#a9bfd0;--line:#ffffff1c}
*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--text);font-family:Segoe UI,Arial,sans-serif}.credit-nav{min-height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#061522}.credit-logo{font-size:28px;font-weight:950;color:#fff;text-decoration:none}.credit-logo span{color:var(--cyan)}.credit-nav nav{display:flex;gap:26px}.credit-nav nav a,footer a{color:#dceaf4;text-decoration:none;font-weight:800}main{width:min(1240px,92%);margin:auto}.credit-hero{text-align:center;padding:74px 12px 42px}.eyebrow{color:var(--cyan);font-size:13px;font-weight:950;letter-spacing:2px}.credit-hero h1{max-width:920px;margin:14px auto;font-size:clamp(40px,6vw,72px);line-height:1.02}.credit-hero>p{max-width:760px;margin:18px auto;color:var(--muted);font-size:20px;line-height:1.55}.credit-trust{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.credit-trust span{padding:9px 13px;border:1px solid #2c526c;border-radius:999px;background:#0c263d;color:#d7e6ef}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;margin:34px 0 38px}.pack-card{position:relative;background:linear-gradient(150deg,#123651,#0b263d);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 60px #0004}.pack-card.featured{border-color:var(--lime);transform:translateY(-10px);box-shadow:0 20px 70px #b7f52f18}.popular,.value{position:absolute;top:0;right:22px;transform:translateY(-50%);padding:7px 11px;border-radius:999px;background:var(--lime);color:#172000;font-size:11px;font-weight:950}.value{background:var(--cyan)}.pack-label{color:var(--cyan);font-weight:950;letter-spacing:1.5px;font-size:12px}.pack-card h2{font-size:30px;margin:18px 0 2px}.pack-price{font-size:58px;font-weight:950;line-height:1;margin:16px 0}.pack-price span{font-size:24px;vertical-align:top;margin-right:4px}.pack-card p{min-height:50px;color:var(--muted);line-height:1.5}.pack-card ul{padding:0;list-style:none;min-height:114px}.pack-card li{padding:8px 0;border-bottom:1px solid #ffffff12}.pack-card li:before{content:'✓';color:var(--lime);font-weight:950;margin-right:9px}.buy-btn,.checkout-btn{width:100%;border:0;border-radius:12px;padding:14px 18px;background:#1b4b6d;color:#fff;font-weight:950;font-size:16px;cursor:pointer}.buy-btn.primary,.checkout-btn{background:var(--blue)}.buy-btn:hover,.checkout-btn:hover{filter:brightness(1.1)}.buy-btn:disabled,.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.purchase-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;background:var(--panel);border:1px solid #20d6ed44;border-radius:22px;padding:32px;margin-bottom:28px}.purchase-panel h2{font-size:31px;margin:10px 0}.purchase-panel p{color:var(--muted)}.purchase-panel form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.purchase-panel label{color:#cfdee8;font-size:13px;font-weight:850}.purchase-panel input{width:100%;margin-top:7px;padding:13px;background:#071d2e;border:1px solid #3a5a70;border-radius:10px;color:#fff}.checkout-btn{grid-column:1/-1}.purchase-message{grid-column:1/-1;color:#bff5cc}.credit-info{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.credit-info div,.credit-note{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:20px}.credit-info strong,.credit-info span{display:block}.credit-info strong{font-size:24px;color:var(--lime)}.credit-info span{margin-top:7px;color:var(--muted);line-height:1.4}.credit-note{text-align:center;margin-bottom:48px}.credit-note p{max-width:820px;margin:auto;color:var(--muted);line-height:1.6}footer{border-top:1px solid var(--line);padding:28px;display:flex;gap:24px;justify-content:center}@media(max-width:900px){.pack-grid{grid-template-columns:1fr}.pack-card.featured{transform:none}.purchase-panel{grid-template-columns:1fr}.credit-info{grid-template-columns:1fr}.credit-nav nav{display:none}}@media(max-width:560px){main{width:min(94%,1240px)}.credit-hero{padding-top:46px}.credit-hero h1{font-size:40px}.purchase-panel form{grid-template-columns:1fr}.pack-card{padding:25px}.pack-price{font-size:50px}}

.sandbox-btn{grid-column:1/-1;width:100%;border:1px solid #ffc857;border-radius:12px;padding:14px 18px;background:#3b2e0e;color:#ffe7a3;font-weight:950;font-size:16px;cursor:pointer}.sandbox-btn:hover{filter:brightness(1.15)}.sandbox-btn:disabled{opacity:.5;cursor:not-allowed}.sandbox-note{grid-column:1/-1;margin:0!important;color:#ffc857!important;font-size:12px}.sandbox-status{color:#ffc857}

.mode-badge{display:inline-flex;margin:16px auto 0;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:950}.mode-badge.sandbox{background:#4a3717;color:#ffe6a7;border:1px solid #ffc85788}.mode-badge.live{background:#173b29;color:#b8f4c9;border:1px solid #49dd8b88}

.credit-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.google-btn{background:#fff!important;color:#202124!important;border:1px solid #dadce0!important}.purchase-panel .notice strong{color:var(--lime);font-size:20px}@media(max-width:600px){.credit-login-grid{grid-template-columns:1fr}}

.forgot-link{text-align:right;margin:10px 0 0!important}.forgot-link a{color:var(--cyan);font-weight:850}.reset-shell{width:min(720px,92%);margin:60px auto;background:var(--panel);border:1px solid #20d6ed44;border-radius:22px;padding:clamp(26px,5vw,48px)}.reset-shell h1{font-size:clamp(36px,6vw,56px);line-height:1.05;margin:12px 0}.reset-form{display:grid;gap:16px;margin-top:24px}.reset-form label{display:grid;gap:8px;color:#cfdee8;font-weight:850}.reset-form input{width:100%;padding:14px;background:#071d2e;border:1px solid #3a5a70;border-radius:10px;color:#fff}.reset-message{min-height:24px;margin:18px 0;padding:12px;border-radius:10px;background:#0b263d;color:#dceaf4}.reset-message.success{background:#173b29;color:#b8f4c9}.reset-message.error{background:#4d2229;color:#ffbbc1}.reset-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.reset-links a{color:var(--cyan);font-weight:850}