:root{font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f3f4fff2;background-color:#050512;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#050512}#root{width:100%}.btn{position:relative;border:none;border-radius:16px;padding:.9rem 1.5rem;font-size:.98rem;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.btn:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at center,rgba(255,255,255,.35),transparent 65%);opacity:0;transition:opacity .3s ease}.btn:not(:disabled):hover:after{opacity:1}.btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}.btn.primary{background:linear-gradient(135deg,var(--mood-accent, #22d3ee) 0%,color-mix(in srgb,var(--mood-accent, #22d3ee) 40%,var(--mood-glow, #8b5cf6) 60%) 100%);color:#0b1020;box-shadow:0 12px 25px color-mix(in srgb,var(--mood-accent, #22d3ee) 45%,transparent 55%)}.btn.primary.halo{position:relative}.btn.primary.halo:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 50%,rgba(96,165,250,.55),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.btn.primary.halo:not(:disabled):hover:before{opacity:1}.btn.secondary{background:linear-gradient(135deg,#f472b6,#c084fc);color:#0b1020;box-shadow:0 12px 25px #ec489959}.btn.tertiary{background:#60a5fa24;color:#bfdbfef2}.btn.micro{padding:.55rem 1.1rem;border-radius:999px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 18px #0f172a59;background:#60a5fa29;color:#e2e8f0e6;border:1px solid rgba(96,165,250,.25)}.btn.micro.halo{background:#ec489938;color:#ffffffe6;border:1px solid rgba(236,72,153,.38)}.btn.micro.green{background:#22c55e29;color:#f0fdf4e6;border:1px solid rgba(34,197,94,.25);padding:.55rem 1.3rem;min-width:4.5rem;white-space:nowrap}.btn.micro.ghost{background:transparent;border-color:#94a3b866;color:#cbd5e1d1;box-shadow:none}.btn.ghost{background:transparent;border:1px solid rgba(148,163,184,.28);color:#e2e8f0e0}.btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 36px #3b82f640}.route-loading{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:clamp(1.5rem,4vw,3rem);color:#f8fafc;background:radial-gradient(70% 55% at 12% 12%,rgba(34,211,238,.2),transparent 70%),radial-gradient(62% 60% at 88% 80%,rgba(168,85,247,.22),transparent 72%),linear-gradient(135deg,#061426,#080d1e 46%,#1d102c)}.route-loading-card{display:grid;gap:1rem;width:min(100%,680px);padding:clamp(1.3rem,3vw,2rem);border-radius:20px;border:1px solid rgba(148,163,184,.2);background:#0f172ab8;box-shadow:0 24px 70px #0206174d}.route-loading-card>span{color:#7dd3fceb;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.route-loading-card h1{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.route-loading:before{content:"";position:absolute;inset:-35%;z-index:-3;background:conic-gradient(from 45deg at 50% 50%,transparent 0deg,rgba(34,211,238,.14) 75deg,transparent 150deg,rgba(168,85,247,.14) 245deg,transparent 320deg);filter:blur(38px);opacity:.72;animation:route-loading-drift 18s ease-in-out infinite alternate}.route-loading:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 50%,transparent 0 20%,rgba(2,6,23,.32) 72%);pointer-events:none}.route-loading-orbit{position:absolute;z-index:-1;width:min(78vw,48rem);aspect-ratio:1;border:1px solid rgba(125,211,252,.16);border-radius:50%;box-shadow:0 0 80px #22d3ee1a,inset 0 0 80px #a855f714;pointer-events:none}.route-loading-orbit:after{content:"";position:absolute;top:12%;left:50%;width:.55rem;height:.55rem;border-radius:50%;background:#67e8f9;box-shadow:0 0 20px 6px #22d3ee6b;transform:translate(-50%)}.route-loading-orbit-one{top:-25%;left:-22%;animation:route-loading-orbit-one 22s linear infinite}.route-loading-orbit-two{right:-24%;bottom:-32%;width:min(64vw,40rem);border-color:#d8b4fe26;animation:route-loading-orbit-two 26s linear infinite reverse}.route-loading-orbit-two:after{background:#d8b4fe;box-shadow:0 0 20px 6px #a855f76b}.route-loading-grid{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(125,211,252,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.08) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);transform:perspective(700px) rotateX(58deg) translateY(20%);transform-origin:center bottom;animation:route-loading-grid-drift 10s linear infinite;pointer-events:none}.route-loading-signal{position:absolute;left:-15%;top:28%;width:130%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(103,232,249,.78),rgba(216,180,254,.7),transparent);box-shadow:0 0 24px #22d3ee47;opacity:0;animation:route-loading-scan 6s ease-in-out infinite;pointer-events:none}.route-loading-card{position:relative;z-index:1;overflow:hidden;animation:route-loading-card-float 4.8s ease-in-out infinite}.route-loading-card:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.1) 48%,transparent 68%);transform:translate(-120%);animation:route-loading-card-sheen 4.5s ease-in-out infinite;pointer-events:none}.route-loading-card>*{position:relative;z-index:1}.route-loading-progress{position:relative;width:100%;height:3px;overflow:hidden;border-radius:999px;background:#94a3b829}.route-loading-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#a855f7);box-shadow:0 0 14px #22d3ee8a;animation:route-loading-progress 2.2s ease-in-out infinite}@keyframes route-loading-drift{0%{transform:translate3d(-4%,-2%,0) rotate(0) scale(1)}to{transform:translate3d(5%,4%,0) rotate(18deg) scale(1.08)}}@keyframes route-loading-orbit-one{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.04)}}@keyframes route-loading-orbit-two{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(.96)}}@keyframes route-loading-grid-drift{0%{background-position:0 0,0 0}to{background-position:0 56px,56px 0}}@keyframes route-loading-scan{0%,12%{transform:translateY(-22vh);opacity:0}30%{opacity:.75}72%{opacity:.35}to{transform:translateY(70vh);opacity:0}}@keyframes route-loading-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes route-loading-card-sheen{0%,45%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@keyframes route-loading-progress{0%{transform:translate(-115%)}55%{transform:translate(125%)}to{transform:translate(245%)}}@media(prefers-reduced-motion:reduce){.route-loading:before,.route-loading-orbit-one,.route-loading-orbit-two,.route-loading-grid,.route-loading-signal,.route-loading-card,.route-loading-card:before,.route-loading-progress span{animation:none}.route-loading-signal{opacity:.18}.route-loading-progress span{transform:translate(42%)}}
