/* Shared RESERVE369 intro. The surrounding app supplies the theme. */
.reserve-intro{--intro-ink:#173754;--intro-muted:#496b86;--intro-sapphire:#255f99;--intro-line:#4a82a633;position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;color:var(--intro-ink);background:radial-gradient(ellipse at 19% 16%,#fffdf1dc,transparent 54%),radial-gradient(ellipse at 80% 71%,#80c5ec6b,transparent 50%),linear-gradient(140deg,#e9f4fbe8,#e4f2faf5 52%,#dfedf7ef);box-shadow:none;overflow:hidden;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);font-family:inherit}
.reserve-intro::backdrop{background:#c9e2f2c7;backdrop-filter:blur(18px)}.reserve-intro[open]{display:grid;place-items:center}.reserve-intro:not([open]){display:none}
.reserve-intro-content{width:min(540px,100%);padding:60px 22px 30px;text-align:center;position:relative;box-sizing:border-box}.reserve-intro-stage{height:285px;position:relative;display:grid;place-items:center;isolation:isolate}.reserve-intro-logo{width:180px;height:180px;position:relative;z-index:3;filter:drop-shadow(0 25px 25px #4078a13d);animation:reserve-logo-arrive 1.7s cubic-bezier(.22,.7,.17,1) both}.reserve-intro-orbit{position:absolute;width:270px;height:270px;border:1px solid #5688af26;border-radius:50%;box-shadow:0 0 0 24px #ffffff12,0 0 0 25px #719fc416;animation:reserve-orbit 3.8s ease-out both}.reserve-intro-orbit:after{content:'';position:absolute;inset:15px;border:1px solid transparent;border-top-color:#dfc994;border-inline-end-color:#ecf9ff;border-radius:50%;animation:reserve-sweep 3.6s ease-in-out both}
.reserve-intro-chip{position:absolute;padding:17px 20px;border-radius:16px;background:linear-gradient(145deg,#ffffffc9,#e0f2ff85);border:1px solid #ffffffde;box-shadow:0 12px 30px #3679b426,inset 0 -1px 1px #4682a22b;color:#316798;font:15px/1.2 ui-monospace,Consolas,monospace;letter-spacing:4px;z-index:2;animation:reserve-chip 3.6s ease-in-out both;white-space:nowrap}.reserve-intro-chip.chip-0{--x:-140px;--y:-65px;--r:-13deg}.reserve-intro-chip.chip-1{--x:142px;--y:1px;--r:11deg;animation-delay:.13s}.reserve-intro-chip.chip-2{--x:-100px;--y:101px;--r:-6deg;animation-delay:.25s}.reserve-intro-wordmark{margin-top:14px;font-size:clamp(27px,6vw,37px);font-weight:750;letter-spacing:4px;line-height:1.25;animation:reserve-type 1s .75s both}.reserve-intro-wordmark>span{color:var(--intro-sapphire);font-weight:500;letter-spacing:1px}.reserve-intro-tagline{font-size:14px;color:var(--intro-muted);line-height:1.5;margin:15px 0 0;animation:reserve-type .9s 1.1s both}.reserve-intro-timeline{width:90px;height:2px;border-radius:3px;background:var(--intro-line);margin:33px auto 0;overflow:hidden}.reserve-intro-timeline:after{content:'';display:block;width:100%;height:100%;background:linear-gradient(90deg,#d3b779,#3977aa);transform-origin:left;animation:reserve-progress 4.2s linear both}.reserve-intro-skip{position:absolute;z-index:5;top:max(24px,env(safe-area-inset-top));inset-inline-end:24px;padding:11px 17px;min-height:44px;border:1px solid var(--intro-line);border-radius:22px;background:#ffffff7d;color:var(--intro-ink);font-family:inherit;font-size:12px;font-weight:500;line-height:1.3;cursor:pointer;box-shadow:inset 0 1px #fff9}.reserve-intro-skip:focus-visible{outline:3px solid var(--intro-sapphire);outline-offset:5px}.reserve-intro-skip:hover{background:#fffffff0}
[data-theme=dark] .reserve-intro{--intro-ink:#e9f4ff;--intro-muted:#b0c7de;--intro-sapphire:#a8d7ff;--intro-line:#b0d2ee3b;background:radial-gradient(ellipse at 22% 19%,#25426a9c,transparent 50%),radial-gradient(ellipse at 80% 80%,#23658a58,transparent 50%),linear-gradient(140deg,#091526f5,#0a1b32f5)}[data-theme=dark] .reserve-intro::backdrop{background:#071221ed}[data-theme=dark] .reserve-intro-chip{color:#c3e5ff;background:linear-gradient(145deg,#487caf6b,#23416375);border-color:#a9d0ef55;box-shadow:0 12px 30px #0003,inset 0 1px #ffffff26}[data-theme=dark] .reserve-intro-orbit{border-color:#9cccf130}[data-theme=dark] .reserve-intro-skip{background:#42658526;box-shadow:inset 0 1px #ffffff14}[data-theme=dark] .reserve-intro-skip:hover{background:#42658555}
@keyframes reserve-logo-arrive{0%{opacity:0;transform:scale(.65) rotate(-18deg) translateY(25px)}45%{opacity:1}100%{opacity:1;transform:scale(1) rotate(0) translateY(0)}}@keyframes reserve-orbit{0%{opacity:0;transform:scale(.65)}35%,100%{opacity:1;transform:scale(1)}}@keyframes reserve-sweep{from{transform:rotate(-50deg)}to{transform:rotate(310deg)}}@keyframes reserve-chip{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.8)}20%,55%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}87%,100%{opacity:0;transform:translate(0,0) rotate(0) scale(.3)}}@keyframes reserve-type{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes reserve-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:480px){.reserve-intro-content{padding-inline:15px}.reserve-intro-stage{height:260px}.reserve-intro-logo{width:155px;height:155px}.reserve-intro-orbit{width:235px;height:235px}.reserve-intro-chip{font-size:12px;padding:15px 12px}.reserve-intro-chip.chip-0{--x:-95px;--y:-60px}.reserve-intro-chip.chip-1{--x:95px;--y:15px}.reserve-intro-chip.chip-2{--x:-65px;--y:94px}.reserve-intro-skip{inset-inline-end:16px}}
.reserve-intro.reduced-motion *{animation:none!important}.reserve-intro.reduced-motion .reserve-intro-chip,.reserve-intro.reduced-motion .reserve-intro-timeline{display:none}@media(prefers-reduced-motion:reduce){.reserve-intro *{animation:none!important}.reserve-intro-chip,.reserve-intro-timeline{display:none}}