:root{--miles-bg:#06101e;--miles-bg2:#0a1728;--miles-panel:#0d1d31;--miles-panel2:#10243b;--miles-line:rgba(146,177,221,.17);--miles-text:#f4f8ff;--miles-muted:#a4b4ca;--miles-blue:#7aa9ff;--miles-mint:#79e6c3;--miles-gold:#d8b66c}
.miles-page{background:linear-gradient(180deg,#06101e 0%,#091728 44%,#071321 100%);color:var(--miles-text)}
.miles-nav{background:rgba(5,14,27,.86);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}
.miles-nav .nav-links{gap:34px}.miles-nav .nav-links a{font-weight:560;letter-spacing:.01em}
.miles-hero{position:relative;overflow:hidden;padding:72px 0 62px;background:radial-gradient(circle at 78% 22%,rgba(92,133,255,.22),transparent 32%),radial-gradient(circle at 18% 75%,rgba(82,220,187,.09),transparent 28%),linear-gradient(180deg,#06101e,#0a182a)}
.miles-hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,rgba(115,163,255,.18),transparent 68%);filter:blur(20px);pointer-events:none}
.miles-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.82fr);gap:64px;align-items:center}
.miles-eyebrow{display:inline-block;color:#8db6ff;font-size:.78rem;font-weight:760;letter-spacing:.18em;text-transform:uppercase}
.miles-hero h1{max-width:760px;margin:14px 0 18px;font-size:clamp(3rem,5.2vw,4.9rem);line-height:1;letter-spacing:-.05em;font-weight:760}
.miles-hero-copy>p{max-width:700px;margin:0;color:#b6c3d6;font-size:1.08rem;line-height:1.72}
.miles-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.miles-hero-actions .btn{min-height:48px;padding:0 20px}
.miles-trust-row{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:28px;color:#94a7c0;font-size:.84rem}.miles-trust-row span{position:relative;padding-left:18px}.miles-trust-row span::before{content:"";position:absolute;left:0;top:.52em;width:7px;height:7px;border-radius:50%;background:var(--miles-mint);box-shadow:0 0 12px rgba(121,230,195,.45)}
.member-card{padding:28px;border:1px solid var(--miles-line);border-radius:28px;background:linear-gradient(155deg,rgba(17,37,62,.96),rgba(8,22,39,.96));box-shadow:0 30px 75px rgba(0,0,0,.24)}
.member-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.member-label{display:block;color:#91a3bc;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.member-miles{display:block;margin-top:8px;font-size:clamp(2.8rem,5vw,4.5rem);letter-spacing:-.05em;line-height:1}.member-card small{color:#8fa1b9}.tier-badge{padding:8px 11px;border-radius:999px;border:1px solid rgba(216,182,108,.35);background:rgba(216,182,108,.12);color:#f0d59d;font-size:.72rem;font-weight:800;letter-spacing:.14em}.tier-progress-copy{display:flex;justify-content:space-between;margin:28px 0 9px;color:#9eb0c7;font-size:.82rem}.tier-progress-copy strong{color:#fff}.tier-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.tier-progress span{display:block;width:68%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--miles-blue),var(--miles-mint));animation:milesProgress 1.1s ease-out both}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:26px;background:rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.member-stats div{padding:14px;background:rgba(8,22,39,.9)}.member-stats small{display:block;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.member-stats strong{display:block;margin-top:6px;font-size:.95rem}.sample-note{margin:14px 0 0!important;font-size:.72rem!important;color:#72849c!important}
.miles-section{padding:72px 0}.miles-soft-section{background:linear-gradient(180deg,rgba(9,24,42,.88),rgba(11,28,48,.9));border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.section-heading-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);gap:56px;align-items:end;margin-bottom:34px}.section-heading-row h2,.earn-copy h2,.miles-cta h2{margin:10px 0 0;font-size:clamp(2.05rem,3.4vw,3.25rem);line-height:1.07;letter-spacing:-.042em;font-weight:730}.section-heading-row>p{margin:0;color:var(--miles-muted);font-size:.98rem;line-height:1.7}.section-heading-row.compact{align-items:center}.text-link{color:#a9c5ff;text-decoration:none;font-weight:650}.text-link:hover{color:#fff}
.tier-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.membership-tier{position:relative;display:flex;flex-direction:column;min-height:385px;padding:24px 24px 22px;border:1px solid var(--miles-line);border-radius:24px;background:linear-gradient(180deg,rgba(16,36,59,.88),rgba(9,24,41,.95));overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.membership-tier::after{content:"";position:absolute;inset:auto -30% -44% -30%;height:52%;background:radial-gradient(circle,rgba(122,169,255,.10),transparent 68%);opacity:0;transition:opacity .28s ease;pointer-events:none}.membership-tier:hover{transform:translateY(-6px);border-color:rgba(122,169,255,.38);box-shadow:0 24px 54px rgba(0,0,0,.2)}.membership-tier:hover::after{opacity:1}.membership-tier.featured{border-color:rgba(216,182,108,.48);background:linear-gradient(180deg,rgba(42,40,45,.92),rgba(15,27,42,.98));box-shadow:0 0 0 1px rgba(216,182,108,.08),0 20px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,236,193,.08)}.membership-tier.featured::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 78% 0%,rgba(216,182,108,.18),transparent 34%);pointer-events:none}.tier-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin-bottom:22px}.tier-index{font-size:.72rem;color:#71839a;letter-spacing:.12em}.tier-status,.current-chip{position:static;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:6px 9px;border-radius:999px;font-size:.62rem;font-weight:760;text-transform:uppercase;letter-spacing:.1em}.tier-status-muted{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#8293aa}.current-chip{background:rgba(216,182,108,.13);color:#f0d59d;border:1px solid rgba(216,182,108,.3);box-shadow:0 0 18px rgba(216,182,108,.08)}.membership-tier h3{position:relative;z-index:1;margin:0 0 14px;font-size:1.9rem;line-height:1;letter-spacing:-.035em}.membership-tier>p{position:relative;z-index:1;margin:0;color:#a7b7cc;line-height:1.62;min-height:76px}.membership-tier ul{position:relative;z-index:1;display:grid;gap:12px;margin:20px 0 18px;padding:0;list-style:none}.membership-tier li{position:relative;padding-left:20px;color:#d7e0ed;font-size:.9rem;line-height:1.45}.membership-tier li::before{content:"";position:absolute;left:0;top:.53em;width:7px;height:7px;border-radius:50%;background:#76a8ff}.membership-tier.gold li::before{background:#d8b66c}.membership-tier.platinum li::before{background:#b7c6dc}.membership-tier.diamond li::before{background:#79e6c3}.tier-more{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;width:max-content;margin-top:auto;padding-top:10px;color:#b9cdf4;text-decoration:none;font-size:.8rem;font-weight:700}.tier-more span{transition:transform .22s ease}.tier-more:hover span{transform:translateX(4px)}.membership-tier>small{position:relative;z-index:1;display:block;margin-top:16px;color:#75879e;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.tier-journey{margin-top:24px;padding:24px 26px;border:1px solid rgba(146,177,221,.14);border-radius:22px;background:linear-gradient(180deg,rgba(11,28,47,.8),rgba(8,22,38,.9))}.tier-journey-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.tier-journey-head strong{display:block;margin-top:6px;font-size:1.16rem}.tier-journey-head>span{color:#94a7bf;font-size:.84rem}.tier-journey-track{position:relative;height:42px;margin:18px 14px 4px}.tier-journey-track::before{content:"";position:absolute;left:0;right:0;top:18px;height:4px;border-radius:999px;background:rgba(255,255,255,.08)}.tier-journey-fill{position:absolute;left:0;top:18px;width:44%;height:4px;border-radius:999px;background:linear-gradient(90deg,#9eb7d9,#d8b66c);box-shadow:0 0 16px rgba(216,182,108,.14)}.tier-stop{position:absolute;top:12px;width:16px;height:16px;border:3px solid #10243b;border-radius:50%;background:#7d8ea4;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.tier-stop::after{content:attr(data-label);position:absolute;top:22px;left:50%;transform:translateX(-50%);color:#7f91a8;font-style:normal;font-size:.68rem;white-space:nowrap}.silver-stop{left:0}.gold-stop{left:33.333%}.platinum-stop{left:66.666%}.diamond-stop{right:0}.tier-stop.active{width:18px;height:18px;top:11px;background:#d8b66c;box-shadow:0 0 0 4px rgba(216,182,108,.12),0 0 20px rgba(216,182,108,.2)}.tier-stop.active::after{color:#f0d59d;font-weight:700}
.earn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:54px;align-items:start}.earn-copy>p{max-width:700px;color:#aebdd0;font-size:1.05rem;line-height:1.75}.earn-points{display:grid;gap:18px;margin-top:30px}.earn-points>div{display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:start;padding:16px 0;border-top:1px solid rgba(255,255,255,.07)}.earn-points>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(122,169,255,.28);color:#9bbcff;font-size:.72rem;font-weight:800}.earn-points strong{display:block;font-size:1rem}.earn-points small{display:block;margin-top:5px;color:#91a4bd;line-height:1.55}.reward-panel{padding:28px;border:1px solid var(--miles-line);border-radius:26px;background:linear-gradient(180deg,#10243b,#0b1b2f)}.reward-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.reward-panel-head span{font-weight:720;font-size:1.15rem}.reward-panel-head small{color:#7f91aa;text-transform:uppercase;letter-spacing:.08em}.reward-panel label{display:flex;justify-content:space-between;gap:20px;color:#a8b8cb;font-size:.88rem}.reward-panel label strong{color:#fff}.reward-panel input[type=range]{width:100%;margin:16px 0 24px;accent-color:#7aa9ff}.reward-result{padding:20px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}.reward-result small{color:#87a0bf;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.reward-result strong{display:block;margin-top:8px;font-size:1.35rem;letter-spacing:-.02em}.reward-result p{margin:9px 0 0;color:#a7b6c8;line-height:1.6}.reward-disclaimer{margin:16px 0 0;color:#71849b;font-size:.75rem;line-height:1.55}
.activity-table-wrap{overflow:hidden;border:1px solid var(--miles-line);border-radius:22px;background:rgba(10,25,43,.82)}.activity-row{display:grid;grid-template-columns:1fr 1.5fr 1fr .6fr;gap:20px;align-items:center;padding:18px 22px;border-top:1px solid rgba(255,255,255,.055);font-size:.93rem}.activity-row:first-child{border-top:0}.activity-row span{color:#b6c2d1}.activity-row strong{color:#8fe2c7;text-align:right}.activity-head{background:rgba(255,255,255,.035);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:760}.activity-head span{color:#7f91a8}.activity-head span:last-child{text-align:right}
.miles-cta-section{padding-top:20px}.miles-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:36px;border:1px solid rgba(122,169,255,.19);border-radius:28px;background:radial-gradient(circle at 86% 15%,rgba(105,154,255,.15),transparent 30%),linear-gradient(145deg,#0d2036,#0a192c)}.miles-cta p{max-width:700px;margin:13px 0 0;color:#aab9cc;line-height:1.65}.miles-cta-actions{display:flex;gap:10px;flex-shrink:0}
.footer{background:#06101e;border-top:1px solid rgba(255,255,255,.07)}
@keyframes milesProgress{from{width:0}to{width:68%}}
@media(max-width:1120px){.miles-nav .nav-links{gap:22px}.miles-hero-grid,.earn-grid{grid-template-columns:1fr}.member-card{max-width:720px}.tier-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.miles-hero{padding:56px 0 44px}.miles-hero h1{font-size:clamp(2.65rem,12vw,3.9rem)}.section-heading-row{grid-template-columns:1fr;gap:14px}.tier-showcase{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;margin-right:calc(var(--container-pad,20px) * -1);padding-right:20px;scrollbar-width:none}.tier-showcase::-webkit-scrollbar{display:none}.membership-tier{flex:0 0 min(86vw,350px);min-height:370px;scroll-snap-align:start}.tier-journey{padding:22px 18px}.tier-journey-head{align-items:flex-start;flex-direction:column;gap:8px}.tier-journey-track{margin-left:4px;margin-right:4px}.member-stats{grid-template-columns:1fr}.activity-row{grid-template-columns:1fr auto;gap:7px 16px}.activity-row span:nth-child(2),.activity-row span:nth-child(3){grid-column:1/-1}.activity-head{display:none}.miles-cta{align-items:flex-start;flex-direction:column}.miles-cta-actions{width:100%;flex-wrap:wrap}.miles-section{padding:54px 0}}
@media(max-width:480px){.miles-hero-actions,.miles-cta-actions{flex-direction:column}.miles-hero-actions .btn,.miles-cta-actions .btn{width:100%}.member-card{padding:22px}.miles-cta{padding:26px 22px}.membership-tier h3{font-size:1.7rem}.tier-stop::after{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.tier-progress span,.membership-tier,.tier-more span{animation:none!important;transition:none!important}}