@import url("https://fonts.googleapis.com/css2?family=Audiowide&family=Chakra+Petch:wght@300;400;500;600;700&family=Michroma&family=Silkscreen:wght@400;700&family=Tourney:wght@400;500;600;700;800;900&display=swap");.bg-grid-pattern{background-size:30px 30px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.05) 1px,transparent 0)}body{--audiowide:"Audiowide",cursive;--chakra:"Chakra Petch",sans-serif;--michroma:"Michroma",sans-serif;--silkscreen:"Silkscreen",cursive;--tourney:"Tourney",cursive;--highlight-color:#eab308;--highlight-color-rgb:234,179,8;--glow-color:rgba(234,179,8,.6);--neon-color:#ffeb3b;--text-color:hsla(0,0%,100%,.8)}.font-chakra{font-family:var(--chakra)}.font-audiowide{font-family:var(--audiowide)}.font-michroma{font-family:var(--michroma)}.font-silkscreen{font-family:var(--silkscreen)}.font-tourney{font-family:var(--tourney)}.synth-logo{font-family:var(--audiowide);position:relative;text-transform:lowercase;letter-spacing:-.02em;filter:drop-shadow(0 0 15px rgba(234,179,8,.3))}.synth-logo-text{position:relative;display:inline-block;text-shadow:0 0 10px rgba(234,179,8,.3)}.synth-logo-glitch{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:difference;opacity:0}.synth-logo-glitch:hover{opacity:.8;animation:glitch .3s cubic-bezier(.25,.46,.45,.94) infinite both}.synth-logo .prefix{display:none}.synth-logo .dot{animation:blink 1.5s infinite;will-change:opacity;color:#eab308;text-shadow:0 0 10px rgba(234,179,8,.7)}.cyber-card{position:relative;width:100%;max-width:450px;aspect-ratio:85.6/53.98;perspective:1000px;margin:0 auto;z-index:10;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1)}.cyber-card:hover{transform:rotateY(15deg) translateZ(10px)}.cyber-card-inner{position:relative;width:100%;height:100%;background:linear-gradient(140deg,#000,#101010,#1a1a1a);border-radius:16px;overflow:hidden;box-shadow:0 4px 30px rgba(0,0,0,.3),0 0 15px rgba(234,179,8,.3),inset 0 0 5px rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.2);padding:16px;display:flex;flex-direction:column;justify-content:space-between}@media (min-width:768px){.cyber-card-inner{padding:24px}}.cyber-card-inner:before{bottom:0;background:radial-gradient(circle at 30% 20%,rgba(234,179,8,.08) 0,transparent 50%);z-index:-1}.cyber-card-inner:after,.cyber-card-inner:before{content:"";position:absolute;top:0;left:0;right:0}.cyber-card-inner:after{height:2px;background:linear-gradient(90deg,transparent,rgba(234,179,8,.5),transparent);z-index:10}.card-chip{position:relative;width:36px;height:28px;background:linear-gradient(135deg,gold,#c29b00);border-radius:5px;margin-bottom:12px;overflow:hidden}@media (min-width:768px){.card-chip{width:45px;height:35px;margin-bottom:16px;border-radius:6px}}.card-chip:after,.card-chip:before{content:"";position:absolute;background:rgba(0,0,0,.3)}.card-chip:before{top:20%;left:0;right:0;height:5px}.card-chip:after{top:0;bottom:0;right:20%;width:5px}.card-logo{position:absolute;top:16px;right:16px;font-family:var(--audiowide);font-size:18px;color:rgba(234,179,8,.9);text-shadow:0 0 5px rgba(234,179,8,.5)}@media (min-width:768px){.card-logo{top:24px;right:24px;font-size:22px}}.card-number{display:flex;justify-content:center;font-family:JetBrains Mono,monospace;font-size:1rem;letter-spacing:.1em;margin:1rem 0 .5rem;color:var(--neon-color)}@media (min-width:768px){.card-number{font-size:1.5rem;margin:1.5rem 0 .5rem}}.number-group{display:flex;margin:0 .25rem}@media (min-width:768px){.number-group{margin:0 .5rem}}.number-group span{position:relative}.card-usage{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.1em;color:var(--neon-color);text-align:center;margin:0 0 .75rem;opacity:1}@media (min-width:768px){.card-usage{font-size:1rem;margin:0 0 1rem}}.card-holder{display:flex;justify-content:space-between;margin-top:5px}.card-expires,.card-holder-name{font-family:var(--michroma);padding-top:3px}.card-label{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:rgba(234,179,8,.6);margin-bottom:2px}.card-expires-value,.card-holder-value{font-size:10px;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:1px}.cyberpunk-heading{font-family:var(--tourney);letter-spacing:.05em;text-transform:uppercase;position:relative;display:inline-block;font-weight:700;text-shadow:0 0 8px rgba(234,179,8,.3)}.cyberpunk-heading:after,.cyberpunk-heading:before{content:"";position:absolute;height:2px;width:30px;top:50%;background:linear-gradient(to var(--direction,right),rgba(234,179,8,.9),rgba(234,179,8,0))}.cyberpunk-heading:before{left:-40px;--direction:right}.cyberpunk-heading:after{right:-40px;--direction:left}@media (max-width:767px){.cyberpunk-heading:after,.cyberpunk-heading:before{width:20px}.cyberpunk-heading:before{left:-25px}.cyberpunk-heading:after{right:-25px}}.feature-title{font-family:var(--chakra);font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 5px rgba(234,179,8,.2)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes scanning{0%{background-position:0 0}to{background-position:0 100%}}.cyberpunk-border{--border-width:1px;--border-dash:10px;--border-gap:5px;border:none;position:relative;overflow:hidden}.cyberpunk-border:before{background:linear-gradient(to right bottom,rgba(234,179,8,.1),transparent);z-index:-1;border-radius:inherit}.cyberpunk-border:after,.cyberpunk-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.cyberpunk-border:after{border:var(--border-width) dashed rgba(234,179,8,.3);border-radius:inherit;pointer-events:none;background-size:var(--border-dash) var(--border-gap)}.scan-effect{position:relative;overflow:hidden}.scan-effect:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(234,179,8,0) 0,rgba(234,179,8,.1) 49%,rgba(234,179,8,.3) 50%,rgba(234,179,8,.1) 51%,rgba(234,179,8,0));background-size:100% 50px;animation:scanning 3s linear infinite;opacity:0;pointer-events:none;z-index:1}.scan-effect:hover:after{opacity:1}.cyber-glow{text-shadow:0 0 5px rgba(234,179,8,.3),0 0 10px rgba(234,179,8,.2)}.scroll-indicator{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;opacity:.8;animation:pulse-fade 2s ease-in-out infinite}.scroll-arrow{width:30px;height:30px;border-right:3px solid rgba(234,179,8,.8);border-bottom:3px solid rgba(234,179,8,.8);transform:rotate(45deg);margin-bottom:15px;animation:arrow-bounce 2s infinite;box-shadow:0 0 5px rgba(234,179,8,.3)}.scroll-arrow:after{content:"";position:absolute;top:8px;left:8px;width:30px;height:30px;border-right:3px solid rgba(234,179,8,.4);border-bottom:3px solid rgba(234,179,8,.4);transform:rotate(0deg);animation:arrow-pulse 2s infinite}@keyframes arrow-bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-10px) rotate(45deg)}60%{transform:translateY(-5px) rotate(45deg)}}@keyframes arrow-pulse{0%{opacity:0}50%{opacity:.5}to{opacity:0}}@keyframes pulse-fade{0%,to{opacity:.5}50%{opacity:1}}