:root{ --bg:#0a0b0d; --card:#111418; --muted:#b0b6bd; --brandA:#f6d365; --brandB:#ffd36e; }
*{box-sizing:border-box} body{background:var(--bg);color:#eef2f6}
h1,h2,h3{letter-spacing:.2px}
.section{padding:80px 0}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.btn-primary{background:linear-gradient(90deg,var(--brandA),var(--brandB));border-radius:999px;padding:12px 20px;font-weight:700;color:#0a0b0d}
.btn-outline{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:12px 20px;font-weight:600}
.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:20px;backdrop-filter:blur(8px);transition:transform .4s,border-color .3s,box-shadow .3s}
.card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.18);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.gradient-text{background:linear-gradient(90deg,var(--brandA),var(--brandB));-webkit-background-clip:text;background-clip:text;color:transparent}
.cart-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(10,12,15,.9);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.12);display:none}
.cart-inner{max-width:72rem;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.plan-selected{outline:2px solid rgba(246,211,101,.35)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
input,select,textarea{background:#0e1115;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;width:100%;color:#eef2f6}
label{display:block;margin-bottom:6px;color:#cbd5e1;font-size:.9rem}
small.note{color:#b0b6bd}
footer{color:#c5ccd3}
.meta{color:#b7bec6}
