:root{--gym-dark:#101114;--gym-card:#181a20;--gym-accent:#ff4d30;--gym-accent2:#ff8a30;--gym-muted:#a8adb7}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f6f8;color:#17181c}
.navbar{background:rgba(10,11,14,.96)} .navbar-brand{font-weight:800;letter-spacing:.5px}
.hero{min-height:78vh;background:linear-gradient(90deg,rgba(5,7,10,.9),rgba(5,7,10,.45)),url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=1800&q=85') center/cover;display:flex;align-items:center;color:#fff}
.hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1}
.section-pad{padding:90px 0}.section-title{font-weight:800}
.card{border:0;border-radius:20px;box-shadow:0 10px 35px rgba(20,24,40,.08)}
.plan-card{height:100%;position:relative;transition:.25s}.plan-card:hover{transform:translateY(-7px)}
.plan-popular{border:2px solid var(--gym-accent)} .popular-badge{position:absolute;top:15px;right:15px}
.price{font-size:2.5rem;font-weight:900}.btn-gym{background:var(--gym-accent);border-color:var(--gym-accent);color:#fff;font-weight:700}.btn-gym:hover{background:#e83c21;border-color:#e83c21;color:#fff}
.icon-box{width:52px;height:52px;border-radius:14px;background:#fff0ed;color:var(--gym-accent);display:grid;place-items:center;font-size:1.4rem}
.form-control,.form-select{border-radius:12px;padding:.75rem 1rem}.auth-wrap{min-height:100vh;background:linear-gradient(135deg,#111318,#252831);display:grid;place-items:center;padding:30px}
.auth-card{max-width:760px;width:100%;border-radius:24px}.step{display:none}.step.active{display:block}
.dashboard-body{background:#f5f6f8;min-height:100vh}.sidebar{background:#111318;color:#fff;min-height:100vh}.sidebar a{color:#c8cbd1;text-decoration:none;display:block;padding:12px 16px;border-radius:10px}.sidebar a:hover,.sidebar a.active{background:#272a32;color:#fff}
.stat-card{border-radius:18px}.status-active{color:#16834b;background:#e9f8ef;padding:5px 10px;border-radius:999px;font-weight:700}.status-pending{color:#9a6500;background:#fff5d8;padding:5px 10px;border-radius:999px;font-weight:700}
.qr-box{width:240px;height:240px;margin:auto;border:8px solid #fff;box-shadow:0 8px 30px rgba(0,0,0,.12);display:grid;place-items:center;background:repeating-linear-gradient(45deg,#111 0 4px,#fff 4px 8px)}
.receipt{border:2px dashed #ddd;border-radius:20px}.footer{background:#0f1013;color:#b9bdc7}
@media(max-width:991px){.sidebar{min-height:auto}.hero{min-height:70vh}}