*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#eee;background:#111;display:flex;flex-direction:column;align-items:center;padding:32px 16px}body::before{content:"";position:fixed;inset:-40px;background:url("img/cover.webp") center / cover no-repeat;filter:blur(30px) brightness(.6);z-index:-1}.card{width:100%;max-width:420px;background:#1a1a1a;color:#eee;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5)}.art{position:relative}.art::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#111)}.cover{display:block;width:100%;height:auto;aspect-ratio:1}header{padding:16px 20px;text-align:center;background:#111;color:#fff}h1{margin:0}.band{position:relative;display:block;width:68%;height:auto;margin:calc(-35% - 16px) auto 0;mix-blend-mode:screen}header p{margin:8px 0 0;font-family:Impact,'Avenir Next Condensed',sans-serif-condensed,sans-serif;font-size:1.4rem;letter-spacing:.15em;color:#ddd}ul{list-style:none;margin:0;padding:0}li + li{border-top:1px solid #2c2c2c}li a{display:flex;align-items:center;gap:12px;padding:14px 20px;color:inherit;text-decoration:none}li a:hover{background:#242424}.icon{width:28px;height:28px}.name{flex:1;font-weight:600}.logo{flex:1;min-width:0;display:flex}.logo img{display:block;max-width:100%;height:auto}.btn{padding:7px 14px;border:1px solid #444;border-radius:4px;font-size:.875rem;color:#ccc;white-space:nowrap}li a:hover .btn{border-color:#fff;color:#fff}footer.card{margin-top:16px}@media (max-width:480px){body{padding:24px 40px}li a{padding:14px 16px}.icon{width:22px;height:22px}.name{font-size:.875rem}.btn{padding:7px 10px}}@media (max-width:380px){body{padding:24px}}