#route-transition-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at center,#fdb91314,#050505f5 55%);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility .22s ease}.is-route-transitioning #route-transition-overlay{opacity:1;visibility:visible;pointer-events:auto}.route-transition-shell{width:min(88vw,420px);display:grid;gap:14px;padding:20px 18px;border-radius:14px;background:linear-gradient(180deg,#141414bf,#080808d1);border:1px solid rgba(253,185,19,.2);box-shadow:0 20px 80px #00000080,inset 0 0 24px #fdb91314;transform:translateY(6px) scale(.985);transition:transform .22s cubic-bezier(.22,1,.36,1)}.is-route-transitioning .route-transition-shell{transform:translateY(0) scale(1)}.route-transition-brand-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;-moz-column-gap:12px;column-gap:12px}.route-transition-brand-logo{width:52px;height:52px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 10px rgba(253,185,19,.25))}.route-transition-brand-text{display:grid;gap:4px;min-width:0}.route-transition-brand-name{font-size:.72rem;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:#ffffffdb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-transition-loader{width:30px;height:30px;border-radius:999px;border:2px solid rgba(253,185,19,.25);border-top-color:#fdb913;box-shadow:0 0 14px #fdb91347;animation:route-spinner .9s linear infinite}.route-transition-label{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#fdb913e6;text-shadow:0 0 12px rgba(253,185,19,.24)}.route-transition-progress{height:3px;overflow:hidden;border-radius:999px;background:#ffffff14;position:relative}.route-transition-progress-bar{position:absolute;inset:0;width:42%;border-radius:inherit;background:linear-gradient(90deg,#fdb91300,#fdb913f2,#fdb91300);animation:route-progress 1.35s cubic-bezier(.22,1,.36,1) infinite}@keyframes route-spinner{to{transform:rotate(360deg)}}@keyframes route-progress{0%{transform:translate(-120%);opacity:.7}60%{opacity:1}to{transform:translate(290%);opacity:.55}}@media(max-width:768px){#route-transition-overlay{transition:opacity .3s cubic-bezier(.22,1,.36,1),visibility .3s ease}.route-transition-shell{width:min(92vw,380px);padding:16px 14px;gap:12px;border-radius:12px;transform:translateY(8px) scale(.98);transition:transform .3s cubic-bezier(.22,1,.36,1)}.route-transition-brand-logo{width:44px;height:44px}.route-transition-brand-name{letter-spacing:.14em;font-size:.66rem}.route-transition-label{letter-spacing:.14em}}@media(prefers-reduced-motion:reduce){#route-transition-overlay{transition:none}.route-transition-loader{animation:none}.route-transition-progress-bar{animation:none;width:100%;opacity:.9}.route-transition-shell{transition:none;transform:none}}:root{--primary-glow: rgba(253, 185, 19, .3);--secondary-glow: rgba(92, 64, 51, .4)}body{background-color:#050505;color:#e5e7eb;overflow-x:hidden}.cyber-space{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 30%,var(--secondary-glow) 0%,transparent 40%),radial-gradient(circle at 80% 70%,var(--primary-glow) 0%,transparent 40%),linear-gradient(to bottom,#050505,#0a0a0a)}.perspective-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(253,185,19,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(253,185,19,.05) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg) translateY(-100px);-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,black);animation:grid-scroll 20s linear infinite}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 50px}}@keyframes scroll-loop{0%{transform:translate(0)}to{transform:translate(-50%)}}.float-3d{animation:float 8s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(253,185,19,.2))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(5deg)}}.float-3d-reverse{animation:float-reverse 10s ease-in-out infinite}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(20px) rotate(-4deg)}}.cyber-card{background:#0a0a0a99;backdrop-filter:blur(20px);border:1px solid rgba(253,185,19,.15);box-shadow:inset 0 0 20px #fdb9130d;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.cyber-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(253,185,19,.1) 0%,transparent 50%);opacity:0;transition:opacity .5s;pointer-events:none}.cyber-card:hover{transform:translateY(-10px) scale(1.02);border-color:#fdb91399;box-shadow:0 10px 40px #00000080,0 0 20px #fdb91333}.cyber-card:hover:before{opacity:1}.pulse-border{animation:border-pulse 3s infinite alternate}@keyframes border-pulse{0%{border-color:#fdb91333;box-shadow:0 0 5px #fdb9131a}to{border-color:#fdb91380;box-shadow:0 0 15px #fdb9134d}}.timeline-line{position:absolute;top:2.5rem;left:0;width:100%;height:2px;background:#fdb9131a}.energy-pulse{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,transparent,#FDB913,transparent);width:100px;filter:blur(2px);box-shadow:0 0 20px #fdb913;animation:energy-move 4s linear infinite}@keyframes energy-move{0%{left:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:110%;opacity:0}}.btn-magnetic{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.btn-magnetic:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 0 30px #fdb91366}.text-cyber-gold{background:linear-gradient(135deg,#fff,#fdb913,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(253,185,19,.3))}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
