*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;overflow-x:hidden}.app-container{background:linear-gradient(#0009,#0003),url(https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExNGsxcmdvdm0waWltdGhtbXU3djNlczg1YjE3MXAyOGhlYWhlOGNwZCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/5RKNOaiojPbbMUsikF/giphy.gif) no-repeat center center;background-size:cover;width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center}.glass-background{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;background:#ffffff1a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 4px 30px #00000080}.main-card{background:#1e1e2f;border-radius:15px;box-shadow:10px 10px 40px #000c,10px 10px 40px #3232464d;text-align:center;max-width:300px;margin:30px 0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;width:100%}.airpod-screen{background:linear-gradient(145deg,#1e1e2f 50%,#000000e6 50%);box-shadow:4px 4px 4px #000c,4px 4px 4px #32324633,inset 4px 4px 8px #ffffff1a;position:relative;overflow:hidden;width:100%;max-width:300px;display:flex;flex-direction:column;align-items:center}.airpod-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff40,#fff0 70%);pointer-events:none;z-index:2;mix-blend-mode:screen}.artist-image{height:300px;width:100%;object-fit:cover}.artist-name{width:100%;padding:15px;background-color:#000;color:#ffffffb8;text-align:center}.artist-name h1{font-size:1.8rem}.artist-name p{font-size:14px;margin-bottom:5px;color:#ff0000cb}hr{width:100%;height:10px;background-color:#1e1e2f;box-shadow:inset 4px 4px 60px #2d2b2b99,inset -4px -4px 6px #0000001a;border:none}.links-container{padding:50px 0;display:flex;flex-direction:column;gap:15px;max-width:400px;width:90%;margin:20px auto}.link-card{display:flex;align-items:center;justify-content:center;padding:12px;margin:2px;background:#25253943;box-shadow:1px 2px 7px #0009,-1px -2px 7px #323246;border-radius:15px}.link-card:hover{box-shadow:inset 5px 5px 20px #00000080,inset -5px -5px 20px #32324633;text-shadow:0 0 5px #00e5ff,0 0 10px #00ffff,0 0 20px #00ffee}.link-name{font-size:1rem;font-weight:700;color:#ffffff92;cursor:pointer;text-decoration:none}.footer{margin:30px 0 15px;font-size:.8rem;color:#ddd;text-align:center}@media (max-width: 768px){.main-card{width:95%;margin-top:20px}.artist-image{height:300px}.link-card{padding:10px}.link-name{font-size:.95rem}}@media (max-width: 480px){.social-media{flex-direction:column;gap:10px}.artist-name h1{font-size:1.4rem}.link-name{font-size:.9rem}}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;background:linear-gradient(#0009,#0003),url(https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExNGsxcmdvdm0waWltdGhtbXU3djNlczg1YjE3MXAyOGhlYWhlOGNwZCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/5RKNOaiojPbbMUsikF/giphy.gif) center/cover no-repeat}.glass-background{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff1a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 4px 30px #00000080}.main-card{position:relative;width:min(300px,100vw - 2rem);margin:30px 0;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#1e1e2f;border-radius:15px;box-shadow:10px 10px 40px #000c,10px 10px 40px #3232464d;text-align:center}.main-card>hr{width:100%;height:10px;margin:0;border:0;background:#1e1e2f;box-shadow:inset 4px 4px 60px #2d2b2b99,inset -4px -4px 6px #0000001a}.airpod-screen{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:linear-gradient(145deg,#1e1e2f 50%,#000000e6 50%);box-shadow:4px 4px 4px #000c,4px 4px 4px #32324633,inset 4px 4px 8px #ffffff1a}.airpod-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#ffffff40,#fff0 70%);mix-blend-mode:screen}.artist-image{width:100%;height:300px;object-fit:cover}.artist-name{width:100%;padding:15px;background:#000;color:#ffffffb8;text-align:center}.artist-name h1{margin:0;font-size:1.8rem;line-height:1.1}.artist-name p{margin:0 0 5px;color:#f00c;font-size:.875rem;line-height:1.4}.links-container{width:90%;max-width:400px;margin:20px auto;padding:50px 0;display:flex;flex-direction:column;gap:15px}.link-card{width:100%;display:flex;align-items:center;justify-content:center;margin:2px;padding:12px;background:#25253942;border-radius:15px;box-shadow:1px 2px 7px #0009,-1px -2px 7px #323246;transition:box-shadow .18s ease,transform .18s ease}.link-card:hover{box-shadow:inset 5px 5px 20px #00000080,inset -5px -5px 20px #32324633}.link-card:hover .link-name{color:#ffffffd9;text-shadow:0 0 5px #00e5ff,0 0 10px #00ffff,0 0 20px #00ffee}.link-card:active{transform:translateY(1px)}.link-name{width:100%;color:#ffffff91;font-size:1rem;font-weight:700;text-align:center;cursor:pointer;transition:color .18s ease,text-shadow .18s ease}.footer{margin:30px 0 15px;color:#ddd;font-size:.8rem;text-align:center}.footer p{margin:0}@media (max-width: 768px){.main-card{margin-top:20px}.link-card{padding:10px}.link-name{font-size:.95rem}}@media (max-width: 480px){.main-card{width:min(300px,100vw - 1.5rem)}.artist-name h1{font-size:1.4rem}.link-name{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.link-card,.link-name{transition:none}}