@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");:root{--retro-font:"Press Start 2P","Courier New",monospace;--retro-cyan:#00D9FF;--retro-orange:#FF6B00;--retro-green:#00FF41;--retro-red:#FF0040;--retro-yellow:#FFD700;--retro-purple:#9333EA;--retro-bg-dark:#0A0E27;--retro-bg-card:#1A1F3A;--retro-bg-darker:#05070F}.retro-font{letter-spacing:.05em}.retro-font,.retro-title{font-family:var(--retro-font);text-transform:uppercase}.retro-title{font-size:2rem;line-height:1.4;letter-spacing:.1em}.retro-subtitle{text-transform:uppercase;font-size:.875rem;line-height:1.6}.retro-subtitle,.retro-text{font-family:var(--retro-font);letter-spacing:.05em}.retro-text{font-size:.75rem;line-height:1.8}.retro-border{border:4px solid;box-shadow:inset -4px -4px 0 rgba(0,0,0,.3),inset 4px 4px 0 rgba(255,255,255,.1)}.retro-border-thin{border:2px solid}.retro-border-thick{border:6px solid;box-shadow:inset -6px -6px 0 rgba(0,0,0,.4),inset 6px 6px 0 rgba(255,255,255,.15)}.retro-glow-cyan{text-shadow:0 0 10px var(--retro-cyan),0 0 20px var(--retro-cyan),0 0 30px var(--retro-cyan)}.retro-glow-orange{text-shadow:0 0 10px var(--retro-orange),0 0 20px var(--retro-orange),0 0 30px var(--retro-orange)}.retro-glow-green{text-shadow:0 0 10px var(--retro-green),0 0 20px var(--retro-green)}.retro-glow-red{text-shadow:0 0 10px var(--retro-red),0 0 20px var(--retro-red)}@keyframes retro-blink{0%,49%{opacity:1}50%,to{opacity:0}}.retro-blink{animation:retro-blink 1s infinite}@keyframes retro-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.retro-shake{animation:retro-shake .5s}@keyframes retro-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.retro-pulse{animation:retro-pulse .8s ease-in-out infinite}@keyframes retro-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.retro-float{animation:retro-float 3s ease-in-out infinite}@keyframes retro-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.retro-scanline{position:relative;overflow:hidden}.retro-scanline:before{height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 0,transparent 2px);z-index:10}.retro-scanline:after,.retro-scanline:before{content:"";position:absolute;top:0;left:0;width:100%;pointer-events:none}.retro-scanline:after{height:10px;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);animation:retro-scanline 3s linear infinite;z-index:11}@keyframes retro-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)}}.retro-glitch{animation:retro-glitch .3s}@keyframes retro-level-up{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.retro-level-up{animation:retro-level-up .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes retro-sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.retro-sparkle{animation:retro-sparkle .8s ease-in-out}@keyframes retro-count-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.retro-count-up{animation:retro-count-up .4s ease-out}.retro-button{font-family:var(--retro-font);text-transform:uppercase;font-size:.75rem;padding:12px 24px;border:4px solid;background:transparent;cursor:pointer;transition:all .1s;position:relative;letter-spacing:.1em}.retro-button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 currentColor,8px 8px 0 rgba(0,0,0,.3)}.retro-button:active{transform:translate(0);box-shadow:none}.retro-button-cyan{color:var(--retro-cyan);border-color:var(--retro-cyan)}.retro-button-cyan:hover{background:var(--retro-cyan);color:black}.retro-button-orange{color:var(--retro-orange);border-color:var(--retro-orange)}.retro-button-orange:hover{background:var(--retro-orange);color:black}.retro-button-green{color:var(--retro-green);border-color:var(--retro-green)}.retro-button-green:hover{background:var(--retro-green);color:black}.retro-button-red{color:var(--retro-red);border-color:var(--retro-red)}.retro-button-red:hover{background:var(--retro-red);color:white}.retro-card{background:var(--retro-bg-card);border:4px solid;padding:1.5rem;position:relative}.retro-card-glow{box-shadow:0 0 20px currentColor,inset 0 0 20px rgba(0,0,0,.5)}.retro-progress-bar{width:100%;height:24px;border:4px solid var(--retro-cyan);background:var(--retro-bg-darker);position:relative;overflow:hidden}.retro-progress-fill{height:100%;background:linear-gradient(90deg,var(--retro-green) 0,var(--retro-cyan) 100%);transition:width .3s ease-out;position:relative}.retro-progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 20px)}.retro-bg-dark{position:relative;background-color:var(--retro-bg-dark);background-image:url(https://jzhxmrtqnbfcmmqxbaoo.supabase.co/storage/v1/object/public/courses-cover/dojos/dojo-retro-background.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.retro-bg-dark:before{background:linear-gradient(180deg,rgba(10,14,39,.85),rgba(5,7,15,.92));backdrop-filter:blur(2px)}.retro-bg-dark:after,.retro-bg-dark:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.retro-bg-dark:after{border:12px solid transparent;border-image:linear-gradient(135deg,var(--retro-cyan) 0,var(--retro-purple) 25%,var(--retro-orange) 50%,var(--retro-purple) 75%,var(--retro-cyan) 100%) 1;box-shadow:inset 0 0 20px rgba(0,217,255,.3),inset 0 0 40px rgba(0,0,0,.8)}.retro-bg-dark>*{position:relative;z-index:1}@media (min-width:768px){.retro-bg-dark:after{border-width:16px}}.retro-bg-card{background-color:var(--retro-bg-card)}.retro-bg-darker{background-color:var(--retro-bg-darker)}.retro-text-cyan{color:var(--retro-cyan)}.retro-text-orange{color:var(--retro-orange)}.retro-text-green{color:var(--retro-green)}.retro-text-red{color:var(--retro-red)}.retro-text-yellow{color:var(--retro-yellow)}.retro-text-purple{color:var(--retro-purple)}@media (max-width:768px){.retro-title{font-size:1.5rem}.retro-subtitle{font-size:.75rem}.retro-button,.retro-text{font-size:.625rem}.retro-button{padding:10px 20px}}