@keyframes scanline{0%{bottom:100%}to{bottom:-100px}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.6;box-shadow:0 0 30px #3484f433}50%{opacity:.8;box-shadow:0 0 50px #3484f466}}@keyframes glitch-anim{0%{clip:rect(15px,9999px,81px,0)}20%{clip:rect(88px,9999px,14px,0)}40%{clip:rect(25px,9999px,76px,0)}60%{clip:rect(58px,9999px,6px,0)}80%{clip:rect(5px,9999px,35px,0)}to{clip:rect(69px,9999px,24px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,98px,0)}20%{clip:rect(12px,9999px,55px,0)}40%{clip:rect(96px,9999px,4px,0)}60%{clip:rect(31px,9999px,66px,0)}80%{clip:rect(8px,9999px,41px,0)}to{clip:rect(52px,9999px,77px,0)}}@keyframes beam-shoot{0%{opacity:0;transform:scaleY(0)}10%{opacity:1}50%{opacity:.8;transform:scaleY(1.5)}to{opacity:0;transform:scaleY(2)}}.scanline{z-index:10;opacity:.1;pointer-events:none;background:linear-gradient(#0000 0%,#3484f41a 50%,#0000 100%);width:100%;height:100px;animation:10s linear infinite scanline;position:absolute;bottom:100%}.circuit-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F7931A' fill-opacity='0.2'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cyber-grid{perspective:1000px;transform-style:preserve-3d;background-size:40px 40px}.cyber-grid:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#101722 90%);height:100%;position:absolute;bottom:0;left:0;right:0}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101722b3;border:1px solid #3484f433}.glow-text{text-shadow:0 0 10px #3484f4b3}.glow-text-gold{text-shadow:0 0 10px #f7931ab3}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-text:after{text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}.ignition-btn{background:linear-gradient(135deg,#1a202c 0%,#000 100%);position:relative;overflow:hidden}.ignition-btn:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 10px,#3484f40d 10px 20px);position:absolute;inset:0}.gold-accent{background:linear-gradient(135deg,#f7931a 0%,#b86d12 100%)}.vault-door-outer{background:conic-gradient(#1a1f26,#2d3440,#1a1f26,#2d3440,#1a1f26);border:4px solid #3484f4;box-shadow:0 0 30px #3484f44d,inset 0 0 50px #000c}.energy-beam{z-index:0;opacity:0;background:#0f8;width:4px;animation:3s infinite beam-shoot;position:absolute;box-shadow:0 0 15px #0f8,0 0 30px #0f8}.glass-shard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-style:preserve-3d;background:#0a0f1699;border:1px solid #3484f44d;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #3484f41a}.glass-shard:hover{z-index:10;background:#3484f41a;border-color:#3484f4cc;box-shadow:0 0 30px #3484f44d}.glass-shard.gold{border-color:#f7931a4d}.glass-shard.gold:hover{background:#f7931a1a;border-color:#f7931acc;box-shadow:0 0 30px #f7931a4d}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#3484f4;border-radius:2px;width:12px;height:24px;margin-top:-10px;box-shadow:0 0 10px #3484f4}input[type=range]::-moz-range-thumb{cursor:pointer;background:#3484f4;border:none;border-radius:2px;width:12px;height:24px;box-shadow:0 0 10px #3484f4}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#3484f433;border-radius:2px;width:100%;height:4px}
