*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#ffffffd9;-webkit-font-smoothing:antialiased;background:#030303;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#c084fc4d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#c084fc99}:root{--bg:#030303;--surface:#ffffff0a;--border:#c084fc1f;--border-hover:#c084fc80;--purple:#c084fc;--purple-dim:#c084fc8c;--text:#ffffffd9;--muted:#ffffff61;--glow:0 0 32px #c084fc38}.navbar{z-index:200;-webkit-backdrop-filter:blur(16px);background:#0303038c;border-bottom:1px solid #c084fc14;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--purple);letter-spacing:3px;text-transform:uppercase;font-family:Courier New,monospace;font-size:1.05rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:36px;display:flex}.nav-link{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;font-size:.82rem;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--purple)}.hero-section{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-aurora{z-index:0;position:absolute;inset:0}.hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;padding:0 24px;display:flex;position:relative}.hero-ascii-wrapper{width:min(900px,92vw);height:clamp(160px,22vw,240px);position:relative}.hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;color:#fffc;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:13px 40px;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.btn:hover{color:#fff}.socials-section{background:#030303;flex-direction:column;align-items:center;gap:48px;padding:80px 24px;display:flex}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--purple-dim);font-size:.72rem}.socials-grid{grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:680px;display:grid}@media (width<=560px){.socials-grid{grid-template-columns:1fr}.navbar{padding:16px 24px}.nav-links{gap:20px}}.social-card{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:44px 28px;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden}.social-card:before{content:"";background:radial-gradient(ellipse at 50% 120%, var(--card-glow,#c084fc0f) 0%, transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.social-card:hover{border-color:var(--card-border,var(--border-hover));box-shadow:var(--card-shadow,var(--glow));transform:translateY(-4px)}.social-card:hover:before{opacity:1}.social-card.discord{--card-glow:#c084fc14;--card-border:#c084fc73;--card-shadow:0 0 40px #c084fc2e}.social-card.instagram{--card-glow:#f472b614;--card-border:#f472b673;--card-shadow:0 0 40px #f472b62e}.social-card-icon{background:#c084fc14;border:1px solid #c084fc2e;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.social-card.instagram .social-card-icon{background:#f472b614;border-color:#f472b62e}.social-card-platform{letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-size:.68rem}.social-card-handle{letter-spacing:-.5px;color:#fff;font-size:1.35rem;font-weight:700}.social-card-action{letter-spacing:1px;color:var(--muted);font-size:.74rem}.footer{text-align:center;border-top:1px solid #c084fc12;flex-direction:column;gap:8px;padding:40px 24px 80px;display:flex}.footer-main{color:var(--muted);letter-spacing:.5px;font-size:.82rem}.footer-sub{color:#ffffff2e;letter-spacing:1px;font-size:.73rem}.watermark{z-index:400;letter-spacing:.5px;color:#fff3;pointer-events:auto;font-size:.68rem;text-decoration:none;transition:color .2s;position:fixed;bottom:18px;left:20px}.watermark:hover{color:#c084fc}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one) padding-box, var(--gradient-two) padding-box, var(--gradient-three) padding-box, var(--gradient-four) padding-box, var(--gradient-five) padding-box, var(--gradient-six) padding-box, var(--gradient-seven) padding-box, var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60), inset 0 0 3px 0 var(--glow-color-50), inset 0 0 6px 0 var(--glow-color-40), inset 0 0 15px 0 var(--glow-color-30), inset 0 0 25px 2px var(--glow-color-20), inset 0 0 50px 2px var(--glow-color-10), 0 0 1px 0 var(--glow-color-60), 0 0 3px 0 var(--glow-color-50), 0 0 6px 0 var(--glow-color-40), 0 0 15px 0 var(--glow-color-30), 0 0 25px 2px var(--glow-color-20), 0 0 50px 2px var(--glow-color-10);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative}.shiny-text{background:linear-gradient(120deg,#ffffff4d 0% 40%,#00e5ffe6 50%,#ffffff4d 60% 100%) 0 0/200%;-webkit-text-fill-color:transparent;animation:shiny-move var(--shiny-speed,3s) linear infinite;-webkit-background-clip:text;background-clip:text}@keyframes shiny-move{0%{background-position:200%}to{background-position:-200%}}.music-section{max-width:680px;margin:0 auto;padding:80px 24px 40px}.music-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.music-label{letter-spacing:3px;text-transform:uppercase;color:#c084fcb3;align-items:center;gap:8px;font-size:.72rem;display:flex}.music-bandlab-link{color:#ffffff40;letter-spacing:.5px;font-size:.78rem;text-decoration:none;transition:color .2s}.music-bandlab-link:hover{color:#c084fc}.track-list{flex-direction:column;gap:3px;display:flex}.track-row{cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;transition:background .2s,border-color .2s;display:flex}.track-row:hover{background:#ffffff0d;border-color:#c084fc1a}.track-row.track-active{background:#c084fc12;border-color:#c084fc33}.track-play-btn{color:#c084fc;cursor:pointer;background:#c084fc14;border:1px solid #c084fc4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.track-play-btn:hover,.track-play-btn.is-playing{background:#c084fc2e;border-color:#c084fc99;box-shadow:0 0 14px #c084fc33}.track-info{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.track-title{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.track-row.track-active .track-title{color:#fff}.track-bar{cursor:pointer;background:#ffffff14;border-radius:2px;width:100%;height:3px;position:relative}.track-bar-fill{background:linear-gradient(90deg,#c084fc,#f472b6);border-radius:2px;height:100%;transition:width 50ms linear;position:absolute;top:0;left:0}.track-duration{font-variant-numeric:tabular-nums;color:#ffffff47;text-align:right;flex-shrink:0;min-width:36px;font-family:Courier New,monospace;font-size:.76rem}.expand-btn{color:#c084fc99;letter-spacing:1px;cursor:pointer;background:#c084fc0a;border:1px solid #c084fc26;border-radius:8px;width:100%;margin-top:12px;padding:11px;font-size:.78rem;transition:background .2s,border-color .2s,color .2s;display:block}.expand-btn:hover{color:#c084fc;background:#c084fc17;border-color:#c084fc59}.mini-player{z-index:300;-webkit-backdrop-filter:blur(24px);background:#080410e6;border-top:1px solid #c084fc2e;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px #00000080}.mini-player--visible{transform:translateY(0)}.mini-progress{cursor:pointer;background:#ffffff12;width:100%;height:3px;transition:height .15s;position:relative}.mini-progress:hover{height:5px}.mini-progress-fill{background:linear-gradient(90deg,#c084fc,#f472b6);border-radius:0 2px 2px 0;height:100%;transition:width 50ms linear;position:absolute;top:0;left:0}.mini-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:0 auto;padding:10px 32px 14px;display:flex}@media (width<=640px){.mini-inner{gap:10px;padding:10px 16px 12px}.mini-volume{display:none}}.mini-track{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mini-title{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.mini-time{color:#ffffff4d;font-variant-numeric:tabular-nums;letter-spacing:.5px;font-family:Courier New,monospace;font-size:.7rem}.mini-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.mini-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,background .15s;display:flex}.mini-btn:hover{color:#c084fc;background:#c084fc1a}.mini-btn--play{color:#c084fc;background:#c084fc26;border:1px solid #c084fc4d;width:42px;height:42px}.mini-btn--play:hover{background:#c084fc40;border-color:#c084fc99;box-shadow:0 0 20px #c084fc40}.mini-volume{flex-shrink:0;align-items:center;gap:8px;display:flex}.mini-vol-icon{flex-shrink:0;width:30px;height:30px}.vol-slider-wrap{align-items:center;width:90px;display:flex}.vol-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, #c084fc 0%, #f472b6 var(--vol-pct,100%), #ffffff1a var(--vol-pct,100%), #ffffff1a 100%);border:none;border-radius:2px;outline:none;width:100%;height:3px;transition:height .15s}.vol-slider:hover{height:5px}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 6px #c084fc80}.vol-slider:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 10px #c084fcb3}.vol-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 6px #c084fc80}.vol-label{color:#ffffff59;text-align:right;cursor:text;-webkit-user-select:none;user-select:none;min-width:34px;font-family:Courier New,monospace;font-size:.72rem;transition:color .15s}.vol-label:hover{color:#c084fc}.vol-input{color:#c084fc;text-align:center;background:#c084fc1a;border:1px solid #c084fc66;border-radius:4px;outline:none;width:38px;padding:2px 4px;font-family:Courier New,monospace;font-size:.72rem}