@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--neon-green: #00ff00;--dark-bg: #000;--glass-bg: rgba(0, 0, 0, .8);--border-color: #00ff00;font-family:Orbitron,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--neon-green);background-color:var(--dark-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,255,0,.02) 4px,rgba(0,255,0,.02) 8px);pointer-events:none;z-index:0}#root{width:100%;margin:0;text-align:center;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:900;text-transform:uppercase;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green)}a{color:var(--neon-green);text-decoration:none;transition:all .3s;position:relative}a:hover{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green)}button{font-family:Orbitron,sans-serif;background:transparent;color:var(--neon-green);border:2px solid var(--neon-green);padding:10px 20px;cursor:pointer;text-transform:uppercase;font-weight:700;transition:all .3s;position:relative;overflow:hidden}button:hover{background:var(--neon-green);color:#000;box-shadow:0 0 20px var(--neon-green)}button:active{transform:scale(.98)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000;border-left:1px solid var(--neon-green)}::-webkit-scrollbar-thumb{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}::-webkit-scrollbar-thumb:hover{background:var(--neon-green);box-shadow:0 0 20px var(--neon-green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s ease-in-out infinite}.glow{text-shadow:0 0 10px var(--neon-green)}.glow-strong{text-shadow:0 0 20px var(--neon-green),0 0 30px var(--neon-green)}code{font-family:Consolas,courier new;color:#ff1744;font-size:105%;background:#ff17441a;padding:2px 6px;border-radius:3px}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none!important;z-index:1;opacity:.15;will-change:transform;overflow:hidden}.matrix-column{position:absolute;top:-100%;font-family:Courier New,monospace;font-size:16px;color:#0f0;animation:matrix-fall linear infinite;will-change:transform;pointer-events:none!important;line-height:1.2}@keyframes matrix-fall{to{transform:translate3d(0,200vh,0)}}.page{animation:page-fade-in .5s ease-out;padding:40px 20px;max-width:1200px;margin:0 auto;position:relative;z-index:11;min-height:80vh}@keyframes page-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page h1{font-size:3rem;margin-bottom:40px;letter-spacing:4px}.cursor{display:inline-block;width:15px;height:3rem;background:var(--neon-green);margin-left:10px;animation:blink 1s infinite;vertical-align:bottom}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.section{background:#000c;border:2px solid var(--neon-green);border-radius:0;padding:30px;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 0 20px #00ff004d;z-index:12;transform:translateZ(0)}.section:before,.section:after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;opacity:0;transition:opacity .3s;pointer-events:none}.section:before{border-top-color:var(--neon-green);border-right-color:var(--neon-green);z-index:1}.section:after{border-bottom-color:var(--neon-green);border-left-color:var(--neon-green);z-index:1}.section:hover:before,.section:hover:after{opacity:1;animation:border-dance 1s ease}.section:hover:after{animation-delay:.5s}@keyframes border-dance{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.section h2{font-size:1.5rem;margin-bottom:20px;color:var(--neon-green);font-family:Orbitron,sans-serif}.section p{margin-bottom:15px;line-height:1.8;color:#00ff00e6}.cool-button{display:inline-block;background:var(--neon-green);color:#000;padding:15px 30px;text-decoration:none;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden;border:none;cursor:pointer;font-size:1rem;box-shadow:0 0 20px #00ff0080}.cool-button:hover{box-shadow:0 0 30px #0f0c;transform:translateY(-2px)}.cool-button:active{transform:translateY(0)}.contact-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.contact-form input,.contact-form textarea{background:#00000080;border:2px solid var(--neon-green);color:var(--neon-green);padding:15px;font-family:Share Tech Mono,monospace;font-size:1rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{outline:none;box-shadow:0 0 15px #00ff0080;background:#00ff000d}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#00ff0080}.contact-form button{align-self:flex-start;background:var(--neon-green);color:#000;border:none;padding:15px 40px;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s;font-size:1rem}.contact-form button:hover{box-shadow:0 0 20px var(--neon-green);transform:translateY(-2px)}.thank-you{text-align:center;padding:40px 20px}.thank-you h3{font-size:2rem;margin-bottom:20px;color:var(--neon-green);text-shadow:0 0 20px var(--neon-green)}.thank-you p{font-size:1.1rem;color:#0f0c}.social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.social-links a{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#00ff000d;border:1px solid var(--neon-green);transition:all .3s;font-family:Orbitron,sans-serif;font-weight:700}.social-links a:hover{background:var(--neon-green);color:#000;transform:translate(5px);box-shadow:0 0 15px #00ff0080}.social-links img{width:24px;height:24px;filter:invert(68%) sepia(97%) saturate(4066%) hue-rotate(89deg) brightness(101%) contrast(106%);transition:filter .3s}.social-links a:hover img{filter:brightness(0) saturate(100%) invert(0%)}.social-icon{font-size:1.5rem}.cover-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.cover-item{position:relative;overflow:hidden;border:2px solid var(--neon-green);transition:all .3s;transform:translateZ(0)}.cover-item:hover{transform:translateY(-5px) translateZ(0);box-shadow:0 0 30px #0f09}.cover-item img{width:100%;height:auto;display:block;transition:transform .3s}.cover-item:hover img{transform:scale(1.05)}.cover-item a{display:block}.music-embed{margin:20px 0}.music-embed iframe{width:100%;border:2px solid var(--neon-green)}.album-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}@media(max-width:900px){.album-showcase{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.album-showcase{grid-template-columns:1fr}}.album-card{background:#0009;border:2px solid var(--neon-green);padding:0;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;transform-style:preserve-3d;cursor:pointer;position:relative}.album-card:hover{transform:perspective(1000px) rotateY(10deg) scale(1.05);box-shadow:0 0 30px var(--neon-green)}.album-card:after{content:"VIEW";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:900;font-size:24px;color:var(--neon-green);background:#0006;opacity:0;transition:opacity .3s;text-shadow:0 0 20px var(--neon-green);pointer-events:none;z-index:10}.album-card:hover:after{opacity:1}.album-card>img{width:100%;height:auto;display:block;border-bottom:2px solid var(--neon-green);filter:brightness(.8);transition:filter .3s}.album-card:hover>img{filter:brightness(1)}.album-title{padding:15px;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;color:var(--neon-green);font-size:1.1rem;text-align:center}.album-links{display:flex;justify-content:center;align-items:center;margin:0;padding:15px;gap:8px;position:relative;z-index:100}.album-link,.album-link:hover,.album-link:visited{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#000;border:2px solid var(--neon-green);border-radius:8px;margin:0;transition:all .3s ease;box-shadow:0 0 8px #00ff0014;position:relative;overflow:hidden;cursor:pointer;z-index:101;text-decoration:none!important}.album-link-icon{display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;z-index:1}.album-link img{width:24px;height:24px;display:block;transition:filter .3s ease;pointer-events:none;filter:invert(68%) sepia(97%) saturate(4066%) hue-rotate(89deg) brightness(101%) contrast(106%)}.album-link:hover{background:var(--neon-green);border-color:var(--neon-green);box-shadow:0 0 16px var(--neon-green);transform:translateY(-2px)}.album-link:hover img{filter:brightness(0) saturate(100%) invert(0%)}.album-link:active{transform:translateY(0)}.songs-loading,.songs-error,.songs-empty{text-align:center;padding:40px 20px;font-family:Share Tech Mono,monospace}.songs-loading p{color:var(--neon-green);font-size:1.1rem;letter-spacing:2px;margin-bottom:10px}.songs-error p{color:red;text-shadow:0 0 10px #ff0000;font-size:1rem;margin-bottom:8px}.songs-empty p{color:#0f09;font-size:1rem;margin-bottom:8px}.album-artist{padding:0 15px 15px;font-size:.85rem;color:#0f09;text-align:center}.album-card__placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#00ff0008;border-bottom:2px solid var(--neon-green);font-size:4rem;color:#0f03}.vocal-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.vocal-feature{text-align:center;padding:20px;border:1px solid rgba(0,255,0,.3);background:#00ff0008}.vocal-feature h3{font-size:1rem;margin-bottom:10px;letter-spacing:2px}.vocal-feature p{font-size:.9rem;margin-bottom:0}@media(max-width:768px){.vocal-features{grid-template-columns:1fr}}.about-images{display:flex;gap:20px;justify-content:center;margin-top:30px;flex-wrap:wrap}.about-images img{width:300px;height:auto;border:2px solid var(--neon-green);filter:sepia(100%) hue-rotate(90deg) brightness(.8);transition:all .3s;cursor:pointer}.about-images img:hover{filter:none;transform:scale(1.05);box-shadow:0 0 30px var(--neon-green)}.song-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.song-modal{position:relative;background:#000000f2;border:2px solid var(--neon-green);box-shadow:0 0 40px #00ff004d,inset 0 0 20px #00ff000d;max-width:750px;width:100%;max-height:90vh;overflow-y:auto;animation:modal-slide-in .25s ease-out}@keyframes modal-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.song-modal__close{position:absolute;top:12px;right:12px;background:none;border:2px solid var(--neon-green);color:var(--neon-green);width:36px;height:36px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.song-modal__close:hover{background:var(--neon-green);color:#000;box-shadow:0 0 12px var(--neon-green)}.song-modal__content{display:flex;gap:30px;padding:30px}.song-modal__art{flex:0 0 280px}.song-modal__art img{width:100%;height:auto;display:block;border:2px solid var(--neon-green)}.song-modal__art-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#00ff0008;border:2px solid var(--neon-green);font-size:5rem;color:#0f03}.song-modal__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.song-modal__title{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.6rem;color:var(--neon-green);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px rgba(0,255,0,.4);margin:0;padding-right:40px}.song-modal__field{display:flex;flex-direction:column;gap:2px}.song-modal__label{font-family:Orbitron,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:3px;color:#00ff0073}.song-modal__value{font-size:1.05rem;color:#00ff00e6}.song-modal__links{margin-top:8px;display:flex;flex-direction:column;gap:10px}.song-modal__platforms{display:flex;flex-wrap:wrap;gap:10px}.song-modal__platform{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00ff000d;border:1px solid var(--neon-green);color:var(--neon-green);text-decoration:none;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s}.song-modal__platform:hover{background:var(--neon-green);color:#000;box-shadow:0 0 15px #00ff0080;transform:translateY(-2px)}.song-modal__platform img{width:20px;height:20px;filter:invert(68%) sepia(97%) saturate(4066%) hue-rotate(89deg) brightness(101%) contrast(106%);transition:filter .2s}.song-modal__platform:hover img{filter:brightness(0) saturate(100%) invert(0%)}@media(max-width:650px){.song-modal__content{flex-direction:column;align-items:center;gap:20px;padding:20px}.song-modal__art{flex:none;width:100%;max-width:300px}.song-modal__title{font-size:1.3rem;text-align:center;padding-right:0}.song-modal__info{align-items:center;text-align:center}.song-modal__field{align-items:center}.song-modal__platforms{justify-content:center}}@media(max-width:768px){.page h1{font-size:2rem}.section{padding:20px}.section h2{font-size:1.2rem}.social-links{grid-template-columns:1fr}.about-images img{width:100%;max-width:400px}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;width:100%;background:#000000e6;border-bottom:2px solid var(--neon-green);padding:10px 20px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #00ff0080;transition:all .3s ease}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1001}.logo{height:150px;filter:drop-shadow(0 0 10px var(--neon-green));will-change:filter;cursor:pointer;transition:filter .3s ease}.logo:hover{filter:drop-shadow(0 0 20px var(--neon-green)) brightness(1.2)}.nav{display:flex;gap:30px;align-items:center;position:relative;z-index:1002}.nav a{color:var(--neon-green);text-decoration:none;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;position:relative;padding:5px 10px;transition:all .3s;border:1px solid transparent;cursor:pointer}.nav a:before{content:">";position:absolute;left:-15px;opacity:0;transition:all .3s}.nav a:hover{text-shadow:0 0 10px var(--neon-green);border:1px solid var(--neon-green);background:#00ff001a}.nav a:hover:before{opacity:1;left:-10px}.nav a.active{background:var(--neon-green);color:#000;border:1px solid var(--neon-green)}#performance-toggle{background:none!important;border:1px solid var(--neon-green)!important;color:var(--neon-green)!important;padding:5px 10px!important;font-family:Orbitron,sans-serif!important;font-size:12px!important;cursor:pointer!important;margin-left:20px!important;position:relative!important;transition:all .3s ease!important;z-index:1003!important}#performance-toggle:hover{border-color:var(--neon-green)!important;box-shadow:0 0 10px #00ff0080!important;color:var(--neon-green)!important;background:#00ff001a!important}#performance-toggle.fx-off{background:var(--neon-green)!important;color:#000!important}#performance-toggle.fx-off:hover{background:var(--neon-green)!important;color:#000!important;box-shadow:0 0 15px #00ff00b3!important}.app-main{flex:1;width:100%;margin-top:0;min-height:100vh;position:relative;z-index:10}.app-footer{width:100%;background:#000;border-top:2px solid var(--neon-green);margin-top:80px;position:relative;z-index:100}.footer-content{max-width:900px;margin:0 auto;padding:40px 20px 30px;display:flex;flex-direction:column;align-items:center;gap:30px;position:relative;z-index:101}.footer-logo{text-align:center}.footer-logo img{height:80px;filter:drop-shadow(0 0 10px var(--neon-green));opacity:.8;transition:all .3s;cursor:pointer}.footer-logo img:hover{opacity:1;filter:drop-shadow(0 0 20px var(--neon-green))}.footer-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.footer-socials a{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#00ff000d;border:1px solid var(--neon-green);transition:all .3s;font-weight:700;font-size:.7rem;text-transform:uppercase;white-space:nowrap}.footer-socials a:hover{background:var(--neon-green);color:#000;box-shadow:0 0 10px #00ff0080}.footer-socials a img{width:16px;height:16px;filter:invert(68%) sepia(97%) saturate(4066%) hue-rotate(89deg) brightness(101%) contrast(106%);transition:filter .3s}.footer-socials a:hover img{filter:brightness(0) saturate(100%) invert(0%)}.footer-info{text-align:center}.footer-info p{color:var(--neon-green);font-size:.8rem;margin:6px 0;letter-spacing:2px;opacity:.7}.footer-bottom{text-align:center;padding:20px;border-top:1px solid rgba(0,255,0,.2)}.footer-bottom p{color:#0f09;font-size:.7rem;margin:0 0 8px;letter-spacing:1px}.dev-credit{color:var(--neon-green);text-decoration:none;font-size:.65rem;opacity:.5;transition:opacity .3s;display:inline-block;margin-top:4px}.dev-credit:hover{opacity:1;text-shadow:0 0 5px var(--neon-green)}@media(max-width:768px){.app-header{padding:10px 15px}.header-content{flex-direction:column;gap:15px}.logo{height:100px}.nav{gap:15px;flex-wrap:wrap;justify-content:center}.nav a{font-size:.85rem;padding:5px 8px}#performance-toggle{margin-left:0!important}.footer-socials{gap:8px}.footer-logo img{height:60px}}@media(max-width:480px){.logo{height:80px}.nav{gap:10px}.nav a{font-size:.75rem;padding:4px 6px}}