#portal-overlay{position:fixed;inset:0;z-index:9999;background:transparent;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .4s ease}#portal-ring{width:0;height:0;border-radius:50%;border:4px solid var(--gold, #d4a017);box-shadow:0 0 60px #d4a01799,inset 0 0 60px #d4a0174d,0 0 120px #d4a0174d;transition:width .8s cubic-bezier(.22,1,.36,1),height .8s cubic-bezier(.22,1,.36,1),opacity .4s ease;opacity:0;position:absolute}#portal-ring.expanding{width:300vmax;height:300vmax;opacity:1}#portal-particles-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}#hub-cards-panel{position:fixed;inset:0;z-index:800;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.hub-title{font-family:Playfair Display,Georgia,serif;font-size:2.4rem;font-weight:700;color:var(--gold, #d4a017);margin-bottom:8px;text-shadow:0 0 30px rgba(212,160,23,.4);animation:hubFadeIn .6s ease both}.hub-subtitle{font-size:1.1rem;color:#fff9;margin-bottom:40px;letter-spacing:2px;text-transform:uppercase;animation:hubFadeIn .6s ease .1s both}.hub-cards-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:1200px}.hub-card{position:relative;width:200px;cursor:pointer;border-radius:16px;overflow:hidden;border:1px solid rgba(212,160,23,.3);background:#0f0f19cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;animation:hubCardFloat .7s ease calc(var(--delay, 0s)) both,hubCardBob 4s ease-in-out calc(var(--delay, 0s) + .7s) infinite}.hub-card:hover{transform:translateY(-12px) scale(1.05);border-color:#d4a017cc;box-shadow:0 20px 60px #d4a0174d,0 0 40px #d4a01726}.hub-card-glow{position:absolute;inset:-2px;border-radius:16px;background:radial-gradient(ellipse at 50% 0%,rgba(212,160,23,.15),transparent 70%);pointer-events:none;transition:opacity .4s ease;opacity:0}.hub-card:hover .hub-card-glow{opacity:1}.hub-card-icon{position:absolute;top:12px;right:12px;font-size:1.6rem;z-index:2;filter:drop-shadow(0 0 8px rgba(0,0,0,.6))}.hub-card-img{width:100%;height:130px;background-size:cover;background-position:center;filter:brightness(.5);transition:filter .4s ease}.hub-card:hover .hub-card-img{filter:brightness(.75)}.hub-card-label{padding:14px 14px 4px;font-family:Playfair Display,Georgia,serif;font-size:1.1rem;font-weight:700;color:var(--gold, #d4a017)}.hub-card-desc{padding:0 14px 16px;font-size:.78rem;color:#ffffff80;line-height:1.4}@keyframes hubFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hubCardFloat{0%{opacity:0;transform:translateY(60px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hubCardBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hub-card:hover{animation-play-state:paused}#ambient-particles-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.5;transition:opacity .5s ease}#ambient-particles-canvas.hidden{opacity:0}#ambient-particles-canvas.subtle{opacity:.25}#ambient-particles-canvas.bright{opacity:.7}.panel-transition-enter{animation:panelZoomIn .4s cubic-bezier(.22,1,.36,1) both}.panel-transition-exit{animation:panelZoomOut .3s ease both}@keyframes panelZoomIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes panelZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.parallax-bg{transition:transform .15s ease-out;will-change:transform}@media(max-width:768px){.hub-title{font-size:1.6rem}.hub-subtitle{font-size:.9rem;margin-bottom:24px}.hub-cards-container{gap:12px}.hub-card{width:160px}.hub-card-img{height:100px}.hub-card-label{font-size:.95rem;padding:10px 10px 4px}.hub-card-desc{font-size:.7rem;padding:0 10px 12px}}@media(max-width:480px){.hub-title{font-size:1.3rem}.hub-cards-container{flex-direction:column;align-items:center}.hub-card{width:90%;max-width:280px}}.lf-indicator{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:1001;display:flex;align-items:center;gap:0;padding:8px 20px;border-radius:30px;background:#080814cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(212,160,23,.15);box-shadow:0 4px 20px #0006;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s ease;transform:translate(-50%) translateY(-10px)}.lf-indicator.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.lf-step{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 8px}.lf-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.15);transition:all .4s cubic-bezier(.4,0,.2,1)}.lf-label{font-size:.6rem;color:#ffffff40;letter-spacing:.5px;text-transform:uppercase;transition:color .4s ease;white-space:nowrap}.lf-step.active .lf-dot{background:#d4a017;border-color:#d4a017;box-shadow:0 0 12px #d4a01799;animation:lfDotPulse 2s ease-in-out infinite}.lf-step.active .lf-label{color:#d4a017;font-weight:600}@keyframes lfDotPulse{0%,to{box-shadow:0 0 12px #d4a01799}50%{box-shadow:0 0 20px #d4a017e6}}.lf-step.completed .lf-dot{background:#4caf50;border-color:#4caf50;box-shadow:0 0 8px #4caf5066}.lf-step.completed .lf-label{color:#4caf50b3}.lf-connector{width:20px;height:2px;background:#ffffff14;border-radius:1px;transition:background .4s ease;margin:0 2px 14px}.lf-connector.filled{background:#4caf5080}@media(max-width:600px){.lf-indicator{padding:6px 12px}.lf-step{padding:0 4px}.lf-label{font-size:.5rem}.lf-connector{width:12px}.lf-dot{width:8px;height:8px}}