.account-body .member-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(245px,345px); gap:clamp(2rem,8vw,8rem); align-items:center; padding:clamp(3.5rem,7vw,6.5rem) clamp(1.3rem,7vw,8rem); border-bottom:1px solid #512622; background:radial-gradient(circle at 87% 20%,rgba(239,21,21,.33),transparent 22rem),linear-gradient(112deg,#090909,#0e0909 57%,#210907); }.member-hero>div { max-width:670px; }.member-hero h1 { margin-bottom:1rem; font-size:clamp(4rem,7vw,7rem); }.member-hero>div>p:not(.eyebrow) { max-width:555px; color:#c4c4c4; font-size:.88rem; line-height:1.85; }.member-hero aside { display:grid; gap:.8rem; min-height:205px; padding:1.4rem; border:1px solid rgba(255,91,84,.58); background:linear-gradient(145deg,rgba(239,21,21,.2),#101010 62%); clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px); }.member-hero aside>span { color:#ff928b; font-size:.62rem; font-weight:800; letter-spacing:.15em; }.member-hero aside strong { color:white; font:700 clamp(2.6rem,4vw,4.2rem)/.78 var(--font-display); text-transform:uppercase; }.member-hero aside small { align-self:end; padding-top:.8rem; border-top:1px solid rgba(255,255,255,.15); color:#b4b4b4; font-size:.6rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.member-auth { display:grid; grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr); gap:clamp(2rem,9vw,9rem); align-items:center; padding:clamp(4.5rem,8vw,7rem) clamp(1.3rem,7vw,8rem); background:#0b0b0b; }.member-auth-intro { max-width:520px; }.member-auth-intro h2,.member-dashboard-heading h2 { margin:.1rem 0 1.1rem; font-size:clamp(3.5rem,5.8vw,6rem); }.member-auth-intro>p:not(.eyebrow) { color:#aaa; font-size:.83rem; line-height:1.85; }.member-auth-card { padding:1.25rem; border:1px solid #57302c; background:linear-gradient(145deg,rgba(239,21,21,.12),#111 43%,#0b0b0b); box-shadow:0 25px 60px rgba(0,0,0,.3); }.member-tabs { display:grid; grid-template-columns:1fr 1fr; margin-bottom:1.25rem; border:1px solid #403432; }.member-tabs button { padding:.75rem; border:0; color:#aaa; background:#101010; font-size:.63rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.member-tabs button.active { color:white; background:var(--red); }.member-form { display:grid; gap:1rem; }.member-form label { color:#ddd; font-size:.68rem; }.member-form input { display:block; width:100%; margin-top:.45rem; padding:.78rem; border:1px solid #474747; color:white; background:#181818; outline:0; }.member-form input:focus { border-color:var(--red-light); }.member-form small { color:#8b8b8b; }.member-auth-note { margin:1.25rem 0 0; color:#848484; font-size:.62rem; line-height:1.7; }.member-dashboard { padding:clamp(3.7rem,7vw,6rem) clamp(1.3rem,7vw,8rem); background:radial-gradient(circle at 88% 8%,rgba(239,21,21,.18),transparent 20rem),#0a0a0a; }.member-dashboard-heading { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; }.member-dashboard-heading>div:last-child { display:flex; flex-wrap:wrap; gap:.7rem; }.member-wallet { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin:2rem 0 1rem; }.member-wallet article { display:grid; gap:.55rem; min-height:150px; padding:1.1rem; border:1px solid #4b2926; background:linear-gradient(145deg,rgba(239,21,21,.15),#121212 70%); }.member-wallet span,.member-wallet small { color:#aaa; font-size:.58rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.member-wallet b { color:white; font:800 clamp(2.4rem,4.4vw,4.2rem)/.8 var(--font-display); text-transform:uppercase; }.member-wallet b i { color:var(--red-light); font-size:.55em; font-style:normal; }.member-wallet small { color:#c0c0c0; font-weight:600; letter-spacing:.03em; text-transform:none; }.member-dashboard-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:1rem; }.member-panel { padding:1.25rem; border:1px solid #343434; background:#111; }.member-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid #333; }.member-panel-heading h3 { margin:0; font-size:2.1rem; }.member-panel-heading a,.member-panel-heading span { color:var(--red-light); font-size:.6rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.member-list { display:grid; }.member-item { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 0; border-bottom:1px solid #292929; }.member-item:last-child { border-bottom:0; }.member-item>div { display:grid; gap:.28rem; }.member-item strong { color:#eee; font-size:.78rem; }.member-item span,.member-item small { color:#999; font-size:.6rem; line-height:1.5; }.member-item>div:last-child { text-align:right; }.member-item b { color:white; font:700 1.45rem/.9 var(--font-display); }.points-in { color:#9cf0b0!important; }.points-out { color:#ff9c94!important; }.member-empty { margin:0; padding:1.5rem 0 .4rem; color:#888; font-size:.7rem; line-height:1.6; }@media (max-width:900px) { .account-body .member-hero,.member-auth,.member-dashboard-grid { grid-template-columns:1fr; }.member-hero aside { max-width:480px; }.member-wallet { grid-template-columns:repeat(2,1fr); }.member-wallet article:last-child { grid-column:span 2; }.member-dashboard-heading { align-items:start; flex-direction:column; } }@media (max-width:600px) { .member-wallet { grid-template-columns:1fr; }.member-wallet article:last-child { grid-column:auto; }.member-item { align-items:start; flex-direction:column; }.member-item>div:last-child { text-align:left; }.member-auth-card,.member-panel { padding:1rem; } }

/* Member access refresh */
.account-body { background:#080808; }.account-body .member-hero { min-height:360px; padding-block:clamp(3.5rem,6vw,5.2rem); background:radial-gradient(circle at 78% 22%,rgba(239,21,21,.34),transparent 23rem),linear-gradient(112deg,#080808,#0d0909 57%,#220806); }.member-auth { position:relative; grid-template-columns:minmax(0,.85fr) minmax(370px,1fr); gap:clamp(3rem,10vw,10rem); padding-block:clamp(4rem,7vw,6.5rem); overflow:hidden; }.member-auth::before { content:""; position:absolute; width:32rem; height:32rem; right:-18rem; bottom:-16rem; border:1px solid rgba(239,21,21,.22); border-radius:50%; box-shadow:0 0 0 4rem rgba(239,21,21,.025),0 0 0 8rem rgba(239,21,21,.02); pointer-events:none; }.member-auth-intro,.member-auth-card { position:relative; z-index:1; }.member-auth-intro h2 { max-width:620px; font-size:clamp(3.4rem,5.5vw,5.7rem); }.member-auth-intro>p:not(.eyebrow) { max-width:500px; color:#bdbdbd; }.member-perks { display:grid; gap:0; max-width:510px; margin:2.15rem 0 1.35rem; padding:0; border-top:1px solid #34302f; list-style:none; }.member-perks li { display:grid; grid-template-columns:42px 1fr; gap:.75rem; align-items:center; min-height:72px; border-bottom:1px solid #34302f; }.member-perks li>span { color:var(--red-light); font-size:.58rem; font-weight:900; letter-spacing:.1em; }.member-perks b,.member-perks small { display:block; }.member-perks b { color:#efefef; font:700 1.2rem/.95 var(--font-display); letter-spacing:.035em; text-transform:uppercase; }.member-perks small { margin-top:.32rem; color:#8e8e8e; font-size:.63rem; line-height:1.45; }.member-help { max-width:460px; margin:0!important; color:#858585!important; font-size:.66rem!important; line-height:1.65!important; }.member-auth-card { padding:0; overflow:hidden; border:1px solid #75332e; background:radial-gradient(circle at 100% 0,rgba(239,21,21,.22),transparent 16rem),linear-gradient(145deg,#1a0d0d,#111 49%,#0d0d0d); box-shadow:0 30px 74px rgba(0,0,0,.48); }.member-auth-card-top { display:flex; align-items:start; justify-content:space-between; min-height:118px; padding:1.4rem 1.5rem; border-bottom:1px solid rgba(255,255,255,.11); }.member-auth-card-top .eyebrow { margin:0 0 .42rem; color:#ffaaa4; }.member-auth-card-top h3 { margin:0; color:#fff; font-size:2.25rem; line-height:.8; }.member-auth-card-top h3 em { color:var(--red-light); }.member-auth-card-top>span { color:rgba(255,255,255,.16); font:800 4.6rem/.7 var(--font-display); }.member-tabs { margin:1.35rem 1.5rem 0; border:1px solid #573937; background:#0d0d0d; }.member-tabs button { min-height:50px; transition:background .2s,color .2s; }.member-tabs button:not(.active):hover { color:#fff; background:#1c1515; }.member-form { gap:1.05rem; padding:1.4rem 1.5rem 0; }.member-form[hidden] { display:none!important; }.member-form-heading { padding-bottom:.25rem; }.member-form-heading span { color:var(--red-light); font-size:.55rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }.member-form-heading p { margin:.35rem 0 0; color:#bcbcbc; font-size:.69rem; line-height:1.55; }.member-form label { display:grid; gap:.4rem; color:#f1f1f1; font-size:.67rem; font-weight:800; letter-spacing:.025em; }.member-form input { min-height:47px; margin:0; padding:.8rem .85rem; border-color:#4b4544; background:#151515; transition:border .2s,box-shadow .2s,background .2s; }.member-form input::placeholder { color:#676767; }.member-form input:focus { border-color:var(--red-light); background:#171313; box-shadow:0 0 0 3px rgba(239,21,21,.13); }.member-form .button { width:100%; min-height:52px; margin-top:.25rem; }.member-auth-assurance { display:flex; gap:.7rem; align-items:flex-start; margin:1.5rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.11); }.member-auth-assurance>span { color:var(--red-light); font-size:1.15rem; }.member-auth-assurance p { max-width:410px; margin:0; color:#8e8e8e; font-size:.6rem; line-height:1.65; }.member-auth-assurance b { color:#dedede; }.member-dashboard { border-top:1px solid #522520; }
@media (max-width:900px) { .member-auth { grid-template-columns:1fr; }.member-auth-intro { max-width:650px; }.member-auth-card { max-width:650px; width:100%; }.member-auth::before { right:-22rem; } }
@media (max-width:600px) { .account-body .member-hero { min-height:0; }.member-auth { gap:3rem; }.member-auth-card-top,.member-form,.member-auth-assurance { margin-left:1rem; margin-right:1rem; }.member-auth-card-top { margin:0; padding:1.2rem 1rem; }.member-tabs { margin:1rem 1rem 0; }.member-form { padding:1.2rem 0 0; }.member-auth-assurance { margin-top:1.25rem; margin-bottom:1rem; }.member-auth-card-top>span { font-size:3.7rem; }.member-auth-intro h2 { font-size:3.35rem; }.member-perks li { grid-template-columns:35px 1fr; } }

/* A compact member gateway: one clear action at a time, comfortably framed on large screens. */
.member-auth { grid-template-columns:minmax(270px,.78fr) minmax(410px,.96fr); width:min(1180px,100%); margin:0 auto; gap:clamp(2.25rem,5vw,4.5rem); padding:clamp(3rem,5vw,4.8rem) clamp(1.25rem,3vw,2rem); }
.member-auth-intro { align-self:center; max-width:410px; }
.member-auth-intro h2 { margin:.15rem 0 .85rem; font-size:clamp(3rem,4.6vw,4.7rem); }
.member-auth-intro>p:not(.eyebrow) { max-width:380px; font-size:.76rem; line-height:1.75; }
.member-perks { margin:1.45rem 0 1.1rem; }
.member-perks li { min-height:58px; }
.member-perks b { font-size:1rem; }
.member-perks small { font-size:.58rem; }
.member-help { font-size:.6rem!important; }
.member-auth-card { width:min(100%,590px); justify-self:end; }
.member-auth-card-top { min-height:92px; padding:1.05rem 1.25rem; }
.member-auth-card-top h3 { font-size:1.82rem; }
.member-auth-card-top>span { font-size:3.5rem; }
.member-tabs { margin:1rem 1.25rem 0; }
.member-tabs button { min-height:46px; }
.member-form { gap:.85rem; padding:1.1rem 1.25rem 0; }
.member-form input { min-height:44px; padding:.68rem .75rem; }
.member-form .button { min-height:48px; }
.member-auth-assurance { margin:1.15rem 1.25rem 1.25rem; padding-top:.85rem; }
.member-form[hidden] { display:none!important; }
@media (max-width:900px) { .member-auth { grid-template-columns:1fr; width:100%; max-width:670px; gap:2.5rem; }.member-auth-card { justify-self:stretch; width:100%; } }
@media (max-width:600px) { .member-auth { padding:2.4rem 1rem 3rem; }.member-auth-intro h2 { font-size:3.15rem; }.member-auth-card-top,.member-tabs,.member-form,.member-auth-assurance { margin-left:0; margin-right:0; }.member-auth-card-top { padding:1rem; }.member-tabs { margin:1rem 1rem 0; }.member-form { padding:1.1rem 1rem 0; }.member-auth-assurance { margin:1rem; } }

/* Member profile, saved location and vehicle garage. */
.member-auth[hidden],.member-dashboard[hidden] { display:none!important; }
.member-profile-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr); gap:1rem; margin-top:1rem; }
.member-profile-grid .member-panel { min-height:0; }
.member-profile-panel .member-panel-heading,.member-vehicles-panel .member-panel-heading { align-items:flex-start; }
.member-profile-panel .member-panel-heading>div,.member-vehicles-panel .member-panel-heading>div { display:grid; gap:.35rem; }
.member-profile-panel .member-panel-heading .eyebrow,.member-vehicles-panel .member-panel-heading .eyebrow { margin:0; }
.member-profile-panel .member-panel-heading>span,.member-vehicles-panel .member-panel-heading>span { max-width:130px; color:#979797; font-size:.5rem; font-weight:800; letter-spacing:.08em; line-height:1.45; text-align:right; text-transform:uppercase; }
.member-profile-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem 1rem; padding-top:1.15rem; }
.member-profile-form label,.member-vehicle-form label { display:grid; gap:.4rem; color:#eee; font-size:.64rem; font-weight:800; letter-spacing:.025em; }
.member-profile-form input,.member-vehicle-form input { min-height:44px; width:100%; border:1px solid #484241; color:#fff; background:#151515; padding:.68rem .75rem; outline:0; transition:border .2s,box-shadow .2s,background .2s; }
.member-profile-form input:focus,.member-vehicle-form input:focus { border-color:var(--red-light); background:#191010; box-shadow:0 0 0 3px rgba(239,21,21,.12); }
.member-profile-form input[readonly] { color:#aaa; border-color:#343434; background:#101010; cursor:not-allowed; }
.member-profile-form small,.member-vehicle-form small { color:#888; font-size:.55rem; font-weight:600; }
.member-profile-form .form-wide { grid-column:1 / -1; }
.member-profile-form>.button { justify-self:start; min-width:190px; }
.member-location-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; padding:.85rem; border:1px solid #492724; background:linear-gradient(110deg,rgba(239,21,21,.1),#111 58%); }
.member-location-actions .button { min-height:38px; padding:.58rem .75rem; font-size:.56rem; }
.member-clear-location { border:0; color:#aaa; background:transparent; padding:.45rem; font-size:.57rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.member-clear-location:hover { color:#ffaaa4; }
.member-location-actions>span { margin-left:auto; padding:.34rem .45rem; border:1px solid #494949; color:#888; font-size:.5rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.member-location-actions>span.is-set { border-color:#b43a34; color:#ffd0cc; background:rgba(239,21,21,.15); }
.member-location-preview { overflow:hidden; border:1px solid #63302d; background:#111; }
.member-location-preview iframe { display:block; width:100%; height:220px; border:0; filter:grayscale(.36) contrast(1.05); }
.member-location-preview a { display:block; padding:.72rem .8rem; color:#f1f1f1; border-top:1px solid #482522; font-size:.58rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.member-location-preview a:hover { color:var(--red-light); }
.member-vehicle-form { display:grid; gap:.85rem; padding:1.15rem 0; border-bottom:1px solid #333; }
.member-vehicle-form .button { justify-self:start; min-height:39px; padding:.6rem .75rem; font-size:.56rem; }
.member-vehicle-list { display:grid; }
.member-vehicle { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:.7rem; align-items:center; padding:.88rem 0; border-bottom:1px solid #2b2b2b; }
.member-vehicle:last-child { border-bottom:0; }
.member-vehicle-mark { display:grid; place-items:center; width:27px; height:27px; border:1px solid #7d2d29; border-radius:50%; color:var(--red-light); font-size:.72rem; }
.member-vehicle b,.member-vehicle small { display:block; }
.member-vehicle b { color:#f2f2f2; font-size:.76rem; }
.member-vehicle small { margin-top:.25rem; color:#959595; font-size:.58rem; }
.member-vehicle button { display:grid; place-items:center; width:25px; height:25px; padding:0; border:1px solid #553532; border-radius:50%; color:#aaa; background:#151515; font-size:1.05rem; cursor:pointer; }
.member-vehicle button:hover { color:#fff; border-color:#f06a62; background:#7f1714; }
@media (max-width:900px) { .member-profile-grid { grid-template-columns:1fr; }.member-profile-panel,.member-vehicles-panel { max-width:650px; width:100%; } }
@media (max-width:560px) { .member-profile-form { grid-template-columns:1fr; }.member-profile-form .form-wide { grid-column:auto; }.member-profile-panel .member-panel-heading>span,.member-vehicles-panel .member-panel-heading>span { display:none; }.member-location-actions>span { margin-left:0; }.member-profile-form>.button { width:100%; }.member-location-preview iframe { height:190px; } }

/* Keep the acknowledgement checkbox compact inside the member form. */
.member-form .terms-consent { display:flex!important; align-items:flex-start; gap:.72rem; }
.member-form .terms-consent input[type="checkbox"] { width:18px!important; min-width:18px; min-height:18px!important; margin:.08rem 0 0!important; padding:0!important; }

/* Email activation feedback stays clear without overwhelming the sign-in panel. */
.member-auth-notice { display:flex; align-items:center; justify-content:space-between; gap:.9rem; margin:1rem 1.25rem 0; padding:.78rem .85rem; border:1px solid #70342f; background:linear-gradient(108deg,rgba(239,21,21,.17),#161111 66%); }
.member-auth-notice[hidden] { display:none!important; }
.member-auth-notice p { margin:0; color:#f5d4d1; font-size:.61rem; line-height:1.55; }
.member-auth-notice button { flex:none; border:0; color:#fff; background:transparent; padding:.2rem 0; font-size:.56rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.member-auth-notice button:hover { color:var(--red-light); }
@media (max-width:600px) { .member-auth-notice { align-items:flex-start; flex-direction:column; margin-inline:1rem; } }