:root{--bg:#05020a;--surface:#7828c80a;--border:#a064ff14;--text:#d8d0e8;--muted:#b4a0dc61;--dim:#ffffff26;--ai:#a855f7;--ai-glow:#a855f738;--music:#dc2626;--music-glow:#dc262638;--gold:#c9a96e;--pulse:#b45309;--pulse-glow:#b4530938;--veinymusic:#eab308;--veinymusic-glow:#eab30838}*,:before,:after{cursor:none!important}.cursor{pointer-events:none;z-index:9999;position:fixed}.cursor-dot{background:#a855f7f2;border-radius:50%;width:6px;height:6px;transition:transform .1s,box-shadow .2s;transform:translate(-50%,-50%);box-shadow:0 0 10px #a855f7cc,0 0 20px #a855f766}.cursor-ring{border:1px solid #a855f759;border-radius:50%;width:32px;height:32px;transition:transform .12s,width .2s,height .2s,opacity .2s;transform:translate(-50%,-50%)}.cursor-ring--hover{border-color:#a855f799;width:48px;height:48px;box-shadow:0 0 16px #a855f733}.cursor-trail{pointer-events:none;z-index:999997;background:#a855f799;border-radius:50%;width:5px;height:5px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 8px #a855f766}@media (pointer:coarse){.cursor,.cursor-dot,.cursor-ring,.cursor-trail{display:none!important}*,:before,:after{cursor:auto!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Space Grotesk,Outfit,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#05020ae6}::-webkit-scrollbar-thumb{background:#783cc84d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a064ff80}.screen{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}canvas{z-index:1;position:absolute;inset:0}.bg-glow{pointer-events:none;filter:blur(90px);z-index:0;border-radius:50%;position:absolute}.bg-glow-1{background:radial-gradient(circle,#7828dc1a 0%,#0000 70%);width:700px;height:700px;animation:18s ease-in-out infinite alternate orb-drift;top:-200px;left:-150px}.bg-glow-2{background:radial-gradient(circle,#b414141a 0%,#0000 70%);width:600px;height:600px;animation:22s ease-in-out infinite alternate-reverse orb-drift;bottom:-160px;right:-100px}.bg-glow-3{background:radial-gradient(circle,#50148c14 0%,#0000 70%);width:400px;height:400px;animation:14s ease-in-out infinite alternate orb-drift;top:40%;left:55%}@keyframes orb-drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.08)}}.vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 28%,#03030a 85%);position:absolute;inset:0}.scan-lines{z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000a 3px 4px);position:absolute;inset:0}.page-content{z-index:10;opacity:0;flex-direction:column;align-items:center;gap:4rem;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translateY(24px)}.page-content--in{opacity:1;transform:translateY(0)}.hero{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.hero-eyebrow{letter-spacing:.25em;color:var(--muted);text-transform:uppercase;align-items:center;gap:.5rem;font-family:Outfit,monospace;font-size:.65rem;font-weight:500;display:flex}.eyebrow-dot{background:var(--ai);width:6px;height:6px;box-shadow:0 0 10px var(--ai);border-radius:50%;animation:2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero-title-container{display:inline-block;position:relative}.hero-title-container:after{content:"?";color:#b48cffe6;opacity:0;pointer-events:none;text-shadow:0 0 15px #b48cff99;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:500;transition:all .4s cubic-bezier(.22,1,.36,1);position:absolute;top:10px;right:-40px;transform:translate(-15px,10px)scale(.8)}.hero-title-container:hover:after{opacity:1;transform:translate(0)scale(1)}.hero-title{letter-spacing:.12em;text-indent:0;background:linear-gradient(165deg,#f0eaff 0%,#c8aeff 40%,#8b5cf6 70%,#6428b44d 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 50px #8c50ff4d)drop-shadow(0 2px 4px #000000e6);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:clamp(5rem,12vw,9rem);font-weight:900;line-height:1;animation:7s ease-in-out infinite hero-float;position:relative}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.v-letter{display:contents}.frieren-img{pointer-events:none;z-index:20;filter:drop-shadow(0 -4px 16px #a855f766)drop-shadow(0 2px 8px #000000e6);width:80px;position:absolute;bottom:88px;left:-34px}.ein-text{display:inline}.hero-sub{letter-spacing:.35em;text-transform:uppercase;color:#b48cff73;margin-top:.4rem;font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:400}.cards{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2.5rem;width:100%;max-width:1100px;margin:0 auto;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.page-content--in .card{animation:.7s cubic-bezier(.22,1,.36,1) both card-in}:root{--pulse:#b45309;--pulse-glow:#b4530938}.card{cursor:pointer;min-width:280px;max-width:320px;transform-style:preserve-3d;background:#080312d9;border:1px solid #50288c40;border-radius:8px;flex:300px;transition:transform .15s ease-out,border-color .45s,box-shadow .45s;position:relative;overflow:hidden}.card--ai:hover{border-color:#a855f766;box-shadow:0 24px 70px #641ec82e,inset 0 0 40px #641ec80d}.card--music:hover{border-color:#b4141480;box-shadow:0 24px 70px #a00f0f2e,inset 0 0 40px #a00f0f0d}.card--pulse:hover{border-color:#b4640973;box-shadow:0 24px 70px #96500929,inset 0 0 40px #9650090d}.card--veinymusic:hover{border-color:#eab30873;box-shadow:0 24px 70px #eab30829,inset 0 0 40px #eab3080d}.card-noise{z-index:1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.card-glow{filter:blur(60px);opacity:.12;pointer-events:none;border-radius:50%;width:200px;height:200px;transition:opacity .45s;position:absolute;top:-60px;right:-60px}.card--ai .card-glow{background:radial-gradient(circle,#6d28d9,#3b0764)}.card--music .card-glow{background:radial-gradient(circle,#b91c1c,#7f1d1d)}.card--pulse .card-glow{background:radial-gradient(circle,#b45309,#78350f)}.card--veinymusic .card-glow{background:radial-gradient(circle,#ca8a04,#713f12)}.card:hover .card-glow{opacity:.32}.card:before{content:"";z-index:3;background:linear-gradient(90deg,#0000 0%,#8c3cff4d 50%,#0000 100%);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.card--music:before{background:linear-gradient(90deg,#0000 0%,#b414144d 50%,#0000 100%)}.card--pulse:before{background:linear-gradient(90deg,#0000 0%,#b4640959 50%,#0000 100%)}.card--veinymusic:before{background:linear-gradient(90deg,#0000 0%,#eab30859 50%,#0000 100%)}@keyframes border-spin{0%{background-position:0%}to{background-position:200%}}.card:after{content:"";z-index:4;pointer-events:none;opacity:0;-webkit-mask-composite:xor;background:linear-gradient(90deg,#0000 0% 40%,#dcb4ff 50%,#0000 60% 100%) 0 0/200% 100%;border-radius:3px;padding:1px;transition:opacity .4s;animation:2.5s linear infinite paused border-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card--music:after{background:linear-gradient(90deg,#0000 0% 40%,#ff8282 50%,#0000 60% 100%) 0 0/200% 100%}.card--pulse:after{background:linear-gradient(90deg,#0000 0% 40%,#ffb93c 50%,#0000 60% 100%) 0 0/200% 100%}.card--veinymusic:after{background:linear-gradient(90deg,#0000 0% 40%,#facc15 50%,#0000 60% 100%) 0 0/200% 100%}.card:hover:after{opacity:1;animation-play-state:running}.card-inner{z-index:2;flex-direction:column;gap:1.2rem;padding:2rem 1.8rem;display:flex;position:relative}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.card-title-row{align-items:center;gap:.55rem;display:flex}.card-icon{opacity:.6;font-size:1rem;line-height:1;transition:opacity .3s}.card--ai .card-icon{color:var(--ai)}.card--music .card-icon{color:var(--music)}.card--pulse .card-icon{color:var(--pulse)}.card--veinymusic .card-icon{color:var(--veinymusic)}.card:hover .card-icon{opacity:1}.card-head h2{color:#e0d8f0;letter-spacing:.04em;font-family:Philosopher,serif;font-size:1.2rem;font-weight:700;transition:color .35s}.card--ai:hover .card-head h2{color:#c084fc}.card--music:hover .card-head h2{color:#f87171}.card--pulse:hover .card-head h2{color:#fbbf24}.card--veinymusic:hover .card-head h2{color:#fde047}.card-desc{color:#b4a0dc6b;border-left:1px solid #783cc833;padding-left:.8rem;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:400;line-height:1.65;transition:color .4s}.card--music .card-desc{border-left-color:#b4141433}.card--pulse .card-desc{border-left-color:#b4640933}.card--veinymusic .card-desc{border-left-color:#eab30833}.card:hover .card-desc{color:#c8b4f0a6}.badge{letter-spacing:.18em;text-transform:uppercase;border-radius:100px;flex-shrink:0;padding:.28em .7em;font-family:Outfit,monospace;font-size:.52rem;font-weight:700}.badge--wip{color:#c8b9eb80;letter-spacing:.12em;background:#ffffff0a;border:1px solid #b4a0dc2e}.badge--release{color:#facc15cc;letter-spacing:.12em;background:#eab3081a;border:1px solid #eab3084d}.feat-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.feat{flex-direction:column;gap:.12rem;padding-left:.9rem;display:flex;position:relative}.feat:before{content:"";opacity:.5;border-radius:50%;width:2px;height:2px;position:absolute;top:6px;left:0}.card--ai .feat:before{opacity:.55;background:#a855f7}.card--music .feat:before{opacity:.55;background:#dc2626}.card--pulse .feat:before{opacity:.55;background:#b45309}.card--veinymusic .feat:before{opacity:.55;background:#eab308}.feat-name{color:#f0ebffd1;letter-spacing:.01em;font-size:.78rem;font-weight:600}.feat-desc{color:#b4aadc52;font-size:.68rem;font-weight:400;line-height:1.5;transition:color .35s}.card:hover .feat-desc{color:#c8beeb94}.feat-desc--dim{color:#ffffff26!important}.card:hover .feat-desc--dim{color:#ffffff47!important}.card-footer{opacity:0;border-top:1px solid #783cc81a;align-items:center;gap:.4rem;padding-top:.6rem;transition:opacity .35s,transform .35s;display:flex;transform:translateY(6px)}.card--music .card-footer{border-top-color:#b414141a}.card--pulse .card-footer{border-top-color:#b464091a}.card--veinymusic .card-footer{border-top-color:#eab3081a}.card:hover .card-footer{opacity:1;transform:translateY(0)}.card-soon{letter-spacing:.18em;text-transform:uppercase;color:#a078ff73;font-family:Outfit,monospace;font-size:.58rem}.card--music .card-soon{color:#dc505073}.card--pulse .card-soon{color:#c88c1e73}.card--veinymusic .card-soon{color:#eab30873}.card-soon-detail{color:#dcd2f08c;font-family:Space Grotesk,sans-serif;font-size:.68rem}@keyframes line-pulse{0%,to{opacity:.6;width:40px}50%{opacity:1;width:55px}}.bottom-bar:hover .bottom-line,.bottom-bar:hover .bottom-line:last-child{animation:2.5s ease-in-out infinite line-pulse}.bottom-bar{z-index:10;align-items:center;gap:1.4rem;display:flex;position:absolute;bottom:1.8rem}.bottom-line{background:linear-gradient(90deg,#0000,#a855f740);flex-shrink:0;width:40px;height:1px;display:block}.bottom-line:last-child{background:linear-gradient(90deg,#a855f740,#0000)}.bottom-text{letter-spacing:.3em;text-transform:uppercase;color:#ffffff1f;font-family:Space Grotesk,sans-serif;font-size:.58rem}.bottom-text--poem{letter-spacing:.06em;text-transform:none;text-align:center;color:#a878ff59;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Philosopher,serif;font-size:.62rem;font-style:italic;line-height:1.9;transition:color .5s}.bottom-bar:hover .bottom-text--poem{color:#c096ff8c}.pudge-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.music-player{background:#140a1ecc;border:1px solid #8c50ff33;border-radius:8px;gap:1.5rem;width:100%;max-width:480px;padding:1.5rem;animation:.35s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;position:relative;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.player-cover{object-fit:cover;border-radius:6px;width:100px;height:100px;box-shadow:0 4px 15px #0009}.player-info{flex-direction:column;flex:1;justify-content:center;display:flex}.player-artist{color:#b496ff99;letter-spacing:.1em;width:fit-content;margin-bottom:.2rem;font-family:Outfit,sans-serif;font-size:.75rem;text-decoration:none;transition:color .2s;display:inline-block}.player-artist:hover{color:#dcc8ff;text-decoration:underline}.player-title{color:#fff;margin-bottom:1rem;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.player-progress-container{align-items:center;gap:.8rem;display:flex}.player-time{color:#fff6;font-family:Space Grotesk,monospace;font-size:.65rem}.player-bar-bg{background:#ffffff1a;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.player-bar-fill{background:linear-gradient(90deg,#8b5cf6,#c8aeff);width:0%;height:100%;transition:width .1s linear}.close-btn{color:#fff;cursor:pointer;z-index:5;background:#140a1ee6;border:1px solid #8c50ff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:all .2s;display:flex;position:absolute;top:-1rem;right:-1rem}.close-btn:hover{color:#000;background:#ffffffe6}.about-modal{color:#fff;background:linear-gradient(145deg,#190a28f2,#0a0514f2);border:1px solid #8c50ff40;border-radius:12px;width:90%;max-width:650px;padding:3rem;animation:.35s cubic-bezier(.34,1.56,.64,1) scaleIn;position:relative;box-shadow:0 30px 60px #000c,inset 0 0 0 1px #ffffff0d}.about-title{background:linear-gradient(165deg,#f0eaff 0%,#c8aeff 40%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.2rem;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700}.about-subtitle{letter-spacing:.25em;color:#b48cff80;text-transform:uppercase;margin-bottom:2rem;font-family:Space Grotesk,sans-serif;font-size:.75rem}.about-content{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.about-text-primary{color:#ffffffe6;font-family:Outfit,sans-serif;font-size:1.05rem;line-height:1.6}.about-text-primary strong{color:#8b5cf6;font-weight:600}.about-divider{background:#8c50ff66;border-radius:2px;width:40px;height:2px}.about-text-secondary{color:#fff9;font-family:Outfit,sans-serif;font-size:.9rem;line-height:1.6}.about-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:1rem;display:grid}.about-grid-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:1.2rem;transition:background .3s,border-color .3s}.about-grid-item:hover{background:#8c50ff14;border-color:#8c50ff4d}.grid-icon{color:#8b5cf6;margin-bottom:.8rem;font-size:1.2rem;display:block}.about-grid-item h4{color:#ffffffe6;margin-bottom:.4rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600}.about-grid-item p{color:#ffffff8c;font-family:Outfit,sans-serif;font-size:.8rem;line-height:1.5}.about-footer{color:#fff6;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #8c50ff26;padding-top:1.5rem;font-family:Space Grotesk,monospace;font-size:.75rem}.version-tag{letter-spacing:.1em;color:#fff3;z-index:10;pointer-events:none;font-family:Outfit,monospace;font-size:.65rem;position:absolute;top:2rem;right:2.5rem}.preloader{z-index:9000;color:#a855f7cc;background:#000;flex-direction:column;justify-content:flex-end;padding:3rem;font-family:Outfit,monospace;font-size:.75rem;transition:opacity .8s ease-in-out,visibility .8s;display:flex;position:fixed;inset:0}.preloader--hidden{opacity:0;visibility:hidden}.preloader-line{white-space:nowrap;margin-bottom:.5rem;animation:.1s steps(40,end) typing;overflow:hidden}.sound-toggle{letter-spacing:.15em;color:#ffffff4d;z-index:10;background:0 0;border:none;font-family:Outfit,monospace;font-size:.65rem;transition:color .3s;position:absolute;top:2rem;left:2.5rem;cursor:pointer!important}.sound-toggle:hover{color:#fffc}@media (max-width:900px){html,body{height:auto;overflow:auto}.screen{justify-content:flex-start;height:auto;min-height:100dvh;padding:2.5rem 1rem 8rem;overflow:visible}canvas{width:100vw;height:100vh;position:fixed}.bg-glow-1,.bg-glow-2,.bg-glow-3,.vignette,.scan-lines{position:fixed}.page-content{gap:2.5rem;width:100%;max-width:440px;margin:0 auto}.hero{gap:.6rem}.hero-title{font-size:clamp(4rem,22vw,6.5rem)}.frieren-img{width:58px;bottom:64px;left:-24px}.hero-sub{letter-spacing:.25em;font-size:.55rem}.cards{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.card{width:100%}.card-inner{gap:1rem;padding:1.6rem 1.4rem}.card-head h2{font-size:1.1rem}.card-desc{font-size:.7rem}.feat-name{font-size:.76rem}.feat-desc{font-size:.66rem}.bottom-bar{text-align:center;flex-direction:column;gap:.8rem;margin:1.5rem auto 0;position:relative;bottom:auto}.bottom-line{align-self:center;width:60px}.bottom-text--poem{font-size:.6rem;line-height:2}.pudge-box{max-width:95vw;max-height:70vh}}@media (max-width:480px){.screen{padding:2rem .75rem 6rem}.hero-title{font-size:clamp(3.5rem,26vw,5.5rem)}.frieren-img{width:48px;bottom:54px;left:-18px}}