.benefits-page{width:min(1240px,92vw);min-height:720px;margin:0 auto;padding:65px 0 100px}.benefits-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:34px;border-bottom:1px solid var(--line)}.benefits-intro label{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.18em}.benefits-intro h1{margin:10px 0 8px;font-size:clamp(40px,5vw,65px)}.benefits-intro p{max-width:700px;margin:0;color:var(--muted);line-height:1.6}.benefits-intro button{height:44px;padding:0 18px;border:1px solid #504321;border-radius:8px;background:#e2a91b0d;color:#ffd15d;cursor:pointer;font-weight:800}.benefits-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.benefits-summary article{padding:20px;border:1px solid var(--line);border-radius:11px;background:#101216}.benefits-summary strong{display:block;color:var(--gold);font-size:28px}.benefits-summary span{color:var(--muted);font-size:10px}.benefit-credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:25px}.benefit-credit{padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#17191e,#0d0f12)}.benefit-credit.available{border-color:#665321}.credit-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.credit-top>span{color:var(--gold);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.credit-status{padding:6px 9px;border-radius:99px;background:#ffffff08;color:#9da0a6;font-size:9px}.available .credit-status,.active .credit-status{background:#4bb88a18;color:#6edaaa}.processing .credit-status{background:#e2a91b17;color:#f0c34c}.expired .credit-status{background:#e35d5d15;color:#e98787}.benefit-credit h2{margin:18px 0;font-size:23px}.benefit-credit dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.benefit-credit dl div{padding:11px;border-radius:8px;background:#090b0e}.benefit-credit dt{color:#666a70;font-size:8px;text-transform:uppercase}.benefit-credit dd{margin:5px 0 0;color:#c7c9cd;font-size:11px}.choose-vehicle{width:100%;height:45px;margin-top:18px;border:0;border-radius:8px;background:var(--gold);color:#12100a;cursor:pointer;font-weight:900}.claimed-vehicle{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px;border:1px solid #ffffff0c;border-radius:8px}.claimed-vehicle span{color:#777;font-size:9px}.claimed-vehicle strong{margin-left:auto}.claimed-vehicle small{color:var(--gold)}.benefits-empty{grid-column:1/-1;padding:60px 25px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);text-align:center}.benefits-empty strong{color:#eee;font-size:18px}.benefits-empty a{padding:11px 17px;border-radius:8px;background:var(--gold);color:#111;font-weight:900}.benefit-modal{position:fixed;inset:0;z-index:1000;padding:5vh 5vw;background:#030405d9;backdrop-filter:blur(8px)}.benefit-dialog{width:min(1180px,100%);max-height:90vh;margin:auto;padding:25px;overflow:auto;border:1px solid #3e3622;border-radius:15px;background:#0d0f12;box-shadow:0 30px 100px #000}.picker-head{display:flex;justify-content:space-between;gap:20px}.picker-head small{color:var(--gold);font-size:9px;letter-spacing:.15em}.picker-head h2{margin:7px 0 0}.picker-head button{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#15171b;color:#fff;cursor:pointer;font-size:24px}.picker-search{height:48px;margin:22px 0;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#090b0e}.picker-search span{color:var(--gold);font-size:22px}.picker-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.vehicle-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.benefit-vehicle{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#14161a}.benefit-vehicle img,.vehicle-placeholder{width:100%;height:135px;object-fit:contain;background:radial-gradient(circle,#ffffff0c,transparent 65%),#0a0c0f}.vehicle-placeholder{display:grid;place-items:center;color:#555;font-size:9px}.benefit-vehicle>div:not(.vehicle-placeholder){padding:12px}.benefit-vehicle strong,.benefit-vehicle small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.benefit-vehicle small{margin-top:5px;color:#666;font-size:9px}.benefit-vehicle button{width:calc(100% - 20px);height:36px;margin:0 10px 10px;border:0;border-radius:7px;background:#e2a91b;color:#111;cursor:pointer;font-weight:900}.benefit-vehicle.owned{opacity:.48}.benefit-vehicle button:disabled{background:#303238;color:#777}.picker-empty{grid-column:1/-1;padding:50px;color:var(--muted);text-align:center}.benefit-toast{position:fixed;right:24px;bottom:24px;z-index:1100;max-width:420px;padding:16px 20px;border:1px solid #3d765f;border-radius:10px;background:#10231b;color:#8be3bb}.benefit-toast.error{border-color:#793b3b;background:#281313;color:#f3a3a3}@media(max-width:900px){.benefit-credits{grid-template-columns:1fr}.vehicle-benefit-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.benefits-page{padding-top:40px}.benefits-intro{align-items:stretch;flex-direction:column}.benefits-summary{grid-template-columns:1fr}.benefit-credit dl{grid-template-columns:1fr}.benefit-modal{padding:0}.benefit-dialog{max-height:100vh;min-height:100vh;border-radius:0}.vehicle-benefit-grid{grid-template-columns:1fr 1fr}.benefit-vehicle img,.vehicle-placeholder{height:105px}}