:root{--everyn-gold:#d4b06a;--everyn-gold-2:#f0d58a;--everyn-black:#070707;--everyn-panel:#111315;--everyn-line:#282a2d;--everyn-text:#f5f1e9;--everyn-muted:#9b9b9b;--everyn-green:#58d27b}*{box-sizing:border-box}html,body{color:var(--everyn-text);background:#15181c;margin:0;font-family:Arial,Hiragino Sans,Yu Gothic,sans-serif}button{font:inherit}.app{justify-content:center;min-height:100vh;padding:20px;display:flex}.phone{background:linear-gradient(#050505,#0b0b0b);border:1px solid #2b2e32;border-radius:34px;width:min(100%,430px);min-height:920px;padding-bottom:80px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.topbar{justify-content:space-between;align-items:center;height:34px;padding:0 18px;font-size:12px;display:flex}.signal{letter-spacing:2px;font-size:7px}.content{padding:0 12px 20px}.brandHeader{text-align:center;padding:15px 0 12px}.brandSmall{letter-spacing:5px;color:var(--everyn-gold);font-size:10px}.brand{letter-spacing:3px;color:var(--everyn-gold-2);font-family:Georgia,serif;font-size:36px}.subtle{color:#887f6b;letter-spacing:2px;margin-top:3px;font-size:9px}.heroCar{background:radial-gradient(circle at 50% 55%,#d4b06a45,#0000 40%),linear-gradient(145deg,#181512,#090909 65%);border:1px solid #1f1f1f;border-radius:16px;height:150px;margin-bottom:12px;position:relative;overflow:hidden}.heroCar:before{content:"BMW X5";color:#24201a;letter-spacing:2px;font-family:Georgia,serif;font-size:44px;font-weight:700;position:absolute;bottom:26px;left:18px}.carLabel{color:#d6d2c9;font-size:12px;position:absolute;bottom:13px;right:14px}.memberCard{color:#16120a;background:linear-gradient(135deg,#d9bd78,#a77d35);border-radius:14px;padding:18px;box-shadow:inset 0 0 40px #ffffff1f}.memberRow{letter-spacing:1px;justify-content:space-between;align-items:center;font-family:Georgia,serif;display:flex}.memberRow>div{align-items:center;display:flex}.memberCard h2{margin:20px 0 3px;font-size:21px}.memberCard p{margin:0 0 18px}.memberMeta{justify-content:space-between;gap:20px;display:flex}.memberMeta div{flex-direction:column;display:flex}.memberMeta span{letter-spacing:1px;font-size:10px}.memberMeta b{margin-top:4px;font-size:13px}.twoCol{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.darkCard{background:var(--everyn-panel);border:1px solid var(--everyn-line);border-radius:12px;flex-direction:column;gap:8px;padding:13px;display:flex}.darkCard span{color:#b8b8b8;font-size:12px}.darkCard b{font-size:14px}.paid{color:var(--everyn-green);align-items:center;gap:5px;display:flex}.sectionTitle{justify-content:space-between;align-items:end;margin:20px 4px 9px;display:flex}.sectionTitle h3{color:var(--everyn-gold-2);letter-spacing:1px;margin:0 0 3px;font-family:Georgia,serif}.sectionTitle p{color:#888;margin:0;font-size:11px}.benefitPreview,.benefitList{background:#0d0f10;border:1px solid #202224;border-radius:14px;overflow:hidden}.benefitRow{border-bottom:1px solid #26282a;grid-template-columns:32px 28px 1fr auto;align-items:center;gap:7px;min-height:63px;padding:10px;display:grid}.benefitRow:last-child{border-bottom:0}.benefitRow.used{opacity:.55}.benefitNo{color:var(--everyn-gold-2);font-family:Georgia,serif;font-size:20px}.benefitTitle{font-size:12px;font-weight:700;line-height:1.35}.status{color:#07150c;white-space:nowrap;background:#73d994;border-radius:6px;padding:5px 8px;font-size:10px}.usedTag{color:#eee;background:#6b6b6b}.outlineBtn{border:1px solid var(--everyn-gold);width:100%;color:var(--everyn-gold-2);background:0 0;border-radius:9px;margin-top:9px;padding:13px}.pageTitle{text-align:center;color:var(--everyn-gold-2);letter-spacing:1px;padding:18px 0;font-family:Georgia,serif;font-size:19px}.pageTitle span{color:#999;letter-spacing:1px;margin-top:4px;font-family:Arial,sans-serif;font-size:10px;display:block}.vehicleStrip{background:#101214;border:1px solid #25272a;border-radius:13px;align-items:center;gap:12px;margin-bottom:10px;padding:10px;display:flex}.vehicleThumb{color:#92979c;background:linear-gradient(135deg,#1e2328,#080909);border-radius:9px;place-items:center;width:84px;height:55px;font-family:Georgia,serif;display:grid}.vehicleStrip div:last-child{flex-direction:column;gap:5px;display:flex}.vehicleStrip span{color:#aaa;font-size:12px}.premiumCard{border:1px solid var(--everyn-gold);background:linear-gradient(145deg,#0b0a08,#17130d,#070707);border-radius:18px;min-height:600px;margin:8px 2px;padding:14px 22px 24px;box-shadow:inset 0 0 50px #d4b06a12}.premiumCard h2{text-align:center;color:var(--everyn-gold-2);letter-spacing:1px;margin:20px 0 38px;font-family:Georgia,serif}.person{margin-bottom:8px;font-size:23px}.cardVehicle{margin-bottom:30px;font-size:14px}.cardInfo{flex-direction:column;margin:13px 0;display:flex}.cardInfo span{color:#999;font-size:10px}.cardInfo b{margin-top:4px}.fakeQr{color:#000;letter-spacing:6px;background:#fff;border-radius:9px;place-items:center;width:156px;height:156px;margin:35px auto 13px;font-size:23px;line-height:.6;display:grid}.premiumCard small{text-align:center;color:#949494;display:block}.vehiclePhoto{color:#9da2a8;background:radial-gradient(circle at 50% 48%,#41464c,#121416 56%,#090909);border:1px solid #313438;border-radius:14px;place-items:center;height:240px;font:700 44px Georgia,serif;display:grid}.vehicleDetails{background:#101214;border:1px solid #26282b;border-radius:14px;margin-top:10px;padding:17px}.vehicleDetails h2{margin:0 0 16px}.detailRow{border-top:1px solid #282a2c;justify-content:space-between;gap:15px;padding:12px 0;font-size:12px;display:flex}.detailRow span{color:#aaa}.detailRow b{text-align:right}.menuList{background:#101214;border:1px solid #25272a;border-radius:14px;overflow:hidden}.menuList button{color:#fff;text-align:left;background:0 0;border:0;border-bottom:1px solid #292b2d;grid-template-columns:28px 1fr 18px;align-items:center;width:100%;padding:15px 14px;display:grid}.menuList button:last-child{border-bottom:0}.menuList svg{color:var(--everyn-gold)}.bottomNav{background:#090a0b;border-top:1px solid #2b2d2f;grid-template-columns:repeat(5,1fr);height:72px;padding-bottom:5px;display:grid;position:absolute;bottom:0;left:0;right:0}.bottomNav button{color:#9a9a9a;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.bottomNav button.active{color:var(--everyn-gold-2)}@media (max-width:480px){.app{padding:0}.phone{border:0;border-radius:0;width:100%;min-height:100vh}}