:root{--bg:#060819;--yellow:#f6ee8d;--violet:#a797ff;--line:rgba(152,148,245,.26)}*{box-sizing:border-box}html{background:#060819}body{margin:0;min-height:100vh;min-height:100svh;color:#f5f5ff;background:#060819;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.hub-shell{min-height:100vh;min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 19% 24%,rgba(77,55,180,.28),transparent 39%),radial-gradient(ellipse at 95% 85%,rgba(36,71,199,.32),transparent 43%),linear-gradient(165deg,#090b22 0%,#0a0a24 48%,#060819 100%)}.hub-shell:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(transparent 96%,rgba(255,255,255,.13) 100%);background-size:100% 5px}.light-orb{pointer-events:none;position:absolute;border-radius:50%;filter:blur(13px)}.orb-left{width:270px;height:270px;top:6%;left:-140px;background:radial-gradient(circle,rgba(117,68,242,.25),transparent 70%)}.orb-right{width:410px;height:410px;right:-230px;bottom:-140px;background:radial-gradient(circle,rgba(42,77,239,.34),transparent 70%)}.hub-content{width:min(100% - 36px,610px);margin:0 auto;min-height:100vh;min-height:100svh;position:relative;z-index:2;display:flex;flex-direction:column;padding:24px 0 19px}.hub-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.hub-logo{font-size:24px;font-weight:800;letter-spacing:-.085em}.hub-logo span{font-weight:500}.hub-logo b{color:var(--yellow)}.back-to-site{font-size:9px;font-weight:800;letter-spacing:.12em;color:#b7b4da;white-space:nowrap}.back-to-site span{color:var(--yellow);padding-left:5px}.hub-hero{display:flex;gap:22px;align-items:center;margin:35px 0 27px}.hero-art-wrap{width:130px;aspect-ratio:1;flex:none;position:relative;border:1px solid rgba(194,177,255,.25);border-radius:10px;padding:5px;background:#1d1749;box-shadow:0 19px 40px rgba(0,0,0,.37)}.hero-art{position:relative;width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:6px;z-index:2}.art-glow{position:absolute;inset:-9px;border-radius:13px;box-shadow:0 0 45px rgba(123,78,233,.3)}.hub-heading{min-width:0}.small-label{font-size:8px;font-weight:800;letter-spacing:.12em;color:#c1bbff;display:flex;align-items:center;gap:9px}.active-dot{height:6px;width:6px;background:var(--yellow);box-shadow:0 0 0 5px rgba(246,238,141,.11);border-radius:50%;flex:none}.hub-heading h1{font-size:clamp(30px,5vw,44px);line-height:1.05;letter-spacing:-.075em;margin:13px 0 10px;font-weight:800}.hub-heading h1 em{color:var(--yellow);font-style:normal}.hub-heading p{font-size:11px;line-height:1.65;color:#c2bfd8;max-width:350px;margin:0}.platform-heading{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:15px 1px 12px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#b2aed8}.platform-heading span:last-child{color:#807fb4}.platform-list{display:flex;flex-direction:column;gap:9px}.stream-link{min-height:59px;display:flex;align-items:center;gap:15px;padding:9px 18px;border:1px solid rgba(149,145,232,.25);border-radius:12px;background:linear-gradient(110deg,rgba(33,34,79,.72),rgba(20,24,65,.64));box-shadow:0 4px 13px rgba(0,0,0,.12);transition:border-color .2s,transform .2s,background .2s}.stream-link:hover{border-color:var(--violet);transform:translateX(4px);background:linear-gradient(115deg,rgba(57,43,116,.8),rgba(29,38,93,.77))}.stream-link.spotify{border-color:rgba(175,165,255,.49);background:linear-gradient(115deg,#2c245f,#16254b)}.service-icon{height:38px;width:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);flex:none}.service-icon img{width:25px;height:25px;object-fit:contain}.service-name{font-size:16px;font-weight:800;letter-spacing:-.035em}.service-action{margin-left:auto;font-size:9px;color:#b8b0da;letter-spacing:.14em;font-weight:800}.service-action span{font-size:20px;letter-spacing:0;color:var(--yellow);font-weight:500;margin-left:8px}.hub-footer{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;letter-spacing:.06em;font-weight:600;color:#b1acce}.hub-footer strong{color:var(--yellow)}.footer-star{color:#8976f5;font-size:16px}.hub-footer a:hover{color:#fff}@media(max-width:540px){.hub-content{width:calc(100% - 34px);padding:21px 0 16px}.hub-logo{font-size:21px}.hub-hero{gap:16px;margin:29px 0 23px}.hero-art-wrap{width:109px}.hub-heading h1{font-size:clamp(27px,7vw,37px)}.hub-heading p{font-size:10px}.small-label{font-size:7px}.stream-link{min-height:58px}.hub-footer{font-size:8px;padding-top:20px}.platform-heading{font-size:8px}}@media(max-height:720px) and (max-width:540px){.hub-content{padding:13px 0 12px}.hub-hero{margin:18px 0}.hero-art-wrap{width:90px}.hub-heading h1{margin:7px 0;font-size:30px}.stream-link{min-height:51px;padding:7px 14px}.platform-list{gap:7px}.service-icon{height:33px;width:33px}.service-icon img{width:22px;height:22px}.service-name{font-size:15px}.platform-heading{padding:10px 0 9px}.hub-footer{padding-top:13px}}@media(max-width:355px){.back-to-site{font-size:7px}.hero-art-wrap{width:85px}.hub-heading h1{font-size:27px}.service-action{font-size:8px}.hub-footer{font-size:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
