:root{--bg:#071521;--yellow:#e8dba0;--violet:#94b7c3;--line:rgba(159,197,210,.25)}
html,body{background:#071521}
.hub-shell{background:radial-gradient(ellipse at 17% 22%,rgba(49,92,113,.19),transparent 40%),radial-gradient(ellipse at 87% 83%,rgba(28,74,107,.2),transparent 47%),linear-gradient(160deg,#0b1723 0%,#0a1b27 45%,#07121d 100%)}
.hub-shell:after{opacity:.08}
.orb-left{background:radial-gradient(circle,rgba(66,114,132,.2),transparent 70%)}
.orb-right{background:radial-gradient(circle,rgba(39,89,111,.18),transparent 70%)}
.hub-logo b{color:var(--yellow)}
.back-to-site{color:#b0c2c7}
.back-to-site span{color:var(--yellow)}
.hero-art-wrap{background:#102735;border-color:#365667;box-shadow:0 20px 38px rgba(0,0,0,.4)}
.hero-art-wrap{display:block;cursor:pointer;transition:transform .2s,border-color .2s}
.hero-art-wrap:hover,.hero-art-wrap:focus-visible{transform:translateY(-3px);border-color:#b7d0d3;outline-offset:5px}
.cover-link-hint{position:absolute;z-index:4;left:7px;right:7px;bottom:7px;display:block;background:rgba(5,19,30,.82);border:1px solid rgba(180,214,220,.34);border-radius:4px;text-align:center;padding:5px 3px;font-size:7px;font-weight:800;letter-spacing:.04em;color:#f2efde;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}
.hero-art-wrap:hover .cover-link-hint,.hero-art-wrap:focus-visible .cover-link-hint{opacity:1;transform:none}
.art-glow{box-shadow:0 0 32px rgba(52,99,123,.25)}
.small-label{color:#acc7cf}
.active-dot{background:var(--yellow);box-shadow:0 0 0 5px rgba(232,219,160,.1)}
.hub-heading h1{font-size:clamp(37px,5.4vw,51px);line-height:1.02;letter-spacing:-.084em;margin:9px 0}
.hub-heading h1 span{color:var(--yellow)}
.hub-heading h1 em{display:block;font-size:.46em;font-style:normal;letter-spacing:-.035em;color:#c1d3d8;margin-top:10px}
.hub-heading p{color:#b7c6cd}
.platform-heading{border-color:#34515d;color:#b8cbd0}
.platform-heading span:last-child{color:#8da9b3}
.stream-link,.stream-link.spotify{background:linear-gradient(110deg,rgba(20,43,56,.93),rgba(15,32,47,.9));border-color:#355360;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.stream-link:hover,.stream-link.spotify:hover{background:linear-gradient(110deg,#1b4250,#173547);border-color:#88b2bf}
.stream-link.spotify{border-color:#4f736a}
.stream-link.applemusic{border-color:#614b52}
.stream-link.youtube,.stream-link.youtubemusic{border-color:#5d4c56}
.service-icon{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.065)}
.stream-link.spotify .service-icon{background:rgba(30,215,96,.075)}
.stream-link.applemusic .service-icon{background:rgba(250,36,60,.075)}
.stream-link.youtube .service-icon,.stream-link.youtubemusic .service-icon{background:rgba(255,0,51,.07)}
.stream-link.anghami .service-icon{background:rgba(40,187,208,.07)}
.service-action{color:#9db3bc}
.service-action span{color:var(--yellow)}
.hub-footer{color:#9eb5bc}
.hub-footer strong{color:var(--yellow)}
.footer-star{color:#c0cda9}
.footer-star{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:15px;height:15px;font-size:0!important}
.footer-star::after{content:"";width:100%;height:100%;background:currentColor;-webkit-mask:url('/assets/brand-spark.svg') center/contain no-repeat;mask:url('/assets/brand-spark.svg') center/contain no-repeat}
@media(max-width:540px){.hub-heading h1{font-size:clamp(32px,8vw,43px)}.hub-heading h1 em{font-size:.43em;margin-top:8px}}
@media(hover:none){.cover-link-hint{opacity:1;transform:none;font-size:6px}}
@media(max-height:720px) and (max-width:540px){.hub-heading h1{font-size:33px}.hub-heading h1 em{font-size:.4em}.hub-heading p{font-size:9px}}