:root{--bg-charcoal:#0B0C10;--bg-midnight:#10182B;--plum-card:#1A0E1E;--gold-accent:#F2A900;--red-status:#D64545;--green-status:#3FA34D;--text-offwhite:#E8E3D5;--font-head:'Russo One',sans-serif;--font-body:'Chakra Petch',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-charcoal);color:var(--text-offwhite);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{text-decoration:none}.scene-bg{position:fixed;inset:0;background-image:linear-gradient(var(--bg-midnight) 1px,transparent 1px),linear-gradient(90deg,var(--bg-midnight) 1px,transparent 1px);background-size:40px 40px;opacity:.15;z-index:-1}.scene-bg::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 150px rgba(0,0,0,.9);pointer-events:none}.logo-container{position:absolute;top:20px;left:20px;z-index:10}.logo-container img{height:30px;width:auto}main{flex-grow:1;display:flex;align-items:center;justify-content:center;position:relative;padding:80px 20px 20px}.card-pass{background:var(--plum-card);border:2px solid #000;border-radius:16px;width:100%;max-width:600px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column}.card-trace{position:absolute;inset:0;border:1px solid transparent;border-radius:16px;pointer-events:none}.animate-trace .card-trace{animation:trace-amber 1.2s ease-out forwards}.node-map-wrapper{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:0;filter:blur(8px)}.animate-trace .node-map-wrapper{animation:unblur 1.2s ease-out forwards}.map-svg{width:100%;height:100%;display:block;opacity:.4}.history-route{stroke-dasharray:400;stroke-dashoffset:400}.animate-trace .history-route{animation:draw-route 1.8s ease-out forwards,pulse-route .5s ease 1.8s forwards}.node{opacity:0}.animate-trace .node{animation:drift-in 1s ease-out forwards}.animate-trace .node-1{transform:translate(-50px,50px);animation-delay:.2s}.animate-trace .node-2{transform:translate(50px,-30px);animation-delay:.5s}.animate-trace .node-3{transform:translate(30px,60px);animation-delay:.8s}.card-content{position:relative;z-index:1;padding:40px 30px;display:flex;flex-direction:column;align-items:center;text-align:center}.updated-stamp{position:absolute;top:15px;right:15px;font-size:10px;text-transform:uppercase;color:var(--gold-accent);border:1px solid var(--gold-accent);padding:3px 6px;border-radius:4px;letter-spacing:1px;background:rgba(26,14,30,.8)}.headline-group{position:relative;margin-bottom:15px}.chest-wrapper{position:absolute;top:-25px;left:50%;transform:translateX(-50%);cursor:default}.chest-icon{width:20px;height:20px;background:var(--gold-accent);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);animation:chest-pulse 3s infinite;position:relative;box-shadow:0 0 10px rgba(242,169,0,.3)}.chest-reward{position:absolute;bottom:25px;left:50%;transform:translateX(-50%) translateY(10px);background:var(--gold-accent);color:#000;font-family:var(--font-head);font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.chest-wrapper.open .chest-reward{opacity:1;transform:translateX(-50%) translateY(0)}.chest-wrapper.open .chest-icon{animation:none;background:#fff}h1{font-family:var(--font-head);font-size:clamp(1.5rem,5vw,2.2rem);color:var(--text-offwhite);line-height:1.1;margin-top:10px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.supporting-line{font-size:clamp(.9rem,2.5vw,1.1rem);color:#C4C0B5;max-width:450px;margin:0 auto 40px;line-height:1.4}.cta-block{position:relative;margin:20px 0 30px}.allocation-badge{position:absolute;top:-35px;left:50%;transform:translateX(-50%);background:rgba(214,69,69,.15);border:1px solid var(--red-status);color:var(--red-status);font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;white-space:nowrap;opacity:0}.animate-trace .allocation-badge{animation:badge-drop .5s ease 3s forwards,float-badge 3s ease-in-out 3.5s infinite}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold-accent);color:#000;font-family:var(--font-head);font-size:1.1rem;text-transform:uppercase;padding:16px 32px;border-radius:8px;border:3px solid #000;box-shadow:inset 0 -4px 0 rgba(0,0,0,.3),0 6px 15px rgba(0,0,0,.4);transition:transform .1s}.cta-button:active{transform:translateY(2px);box-shadow:inset 0 -2px 0 rgba(0,0,0,.3),0 2px 5px rgba(0,0,0,.4)}.cta-arrow{width:16px;height:16px;fill:#000;animation:nudge 4s infinite}.cta-sub{font-size:12px;color:#8F8C85;margin-top:12px}.about-text{font-size:13px;color:#8F8C85;line-height:1.5;max-width:500px;margin:10px auto 0;text-align:justify;text-align-last:center}footer{text-align:center;padding:15px;font-family:var(--font-head);color:#4A4D59;font-size:14px;letter-spacing:1px;position:relative;z-index:1}@keyframes trace-amber{0%{border-color:transparent;box-shadow:inset 0 0 0 transparent}50%{border-color:var(--gold-accent);box-shadow:inset 0 0 20px rgba(242,169,0,.2)}100%{border-color:transparent;box-shadow:inset 0 0 0 transparent}}@keyframes unblur{to{opacity:1;filter:blur(0)}}@keyframes draw-route{to{stroke-dashoffset:0}}@keyframes pulse-route{0%,100%{filter:drop-shadow(0 0 2px var(--gold-accent))}50%{filter:drop-shadow(0 0 8px var(--gold-accent))}}@keyframes drift-in{to{transform:translate(0,0);opacity:1}}@keyframes chest-pulse{0%,100%{box-shadow:0 0 10px rgba(242,169,0,.2)}50%{box-shadow:0 0 20px rgba(242,169,0,.6)}}@keyframes badge-drop{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes float-badge{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-4px)}}@keyframes nudge{0%,85%{transform:translateX(0)}90%{transform:translateX(4px)}98%,100%{transform:translateX(0)}}@media(max-width:430px){main{padding:0}.logo-container{position:relative;top:15px;left:15px;margin-bottom:10px}.card-pass{border-radius:0;border:none;min-height:100vh;justify-content:center}.card-content{padding:20px 15px}.node-map-wrapper{opacity:.15}.animate-trace .node-map-wrapper{animation:unblur-mobile 1.2s ease-out forwards}}@keyframes unblur-mobile{to{opacity:.2;filter:blur(0)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{max-width:100%;overflow-x:clip}