.album-hero{position:relative;width:100%;padding:var(--space-lg);animation:slideDown var(--transition-slow) cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.album-hero-card{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),var(--gradient-glow) 0 0 80px;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center}.album-gradient{background-image:url(/img/artwork.png);background-size:cover;background-position:50%}.album-artwork,.album-gradient{position:absolute;inset:0;z-index:1}.album-artwork{width:100%;height:100%;object-fit:cover}.album-content{position:relative;z-index:3;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.circular-text,.circular-text-content,.circular-text-svg{display:none}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.1) 100%);z-index:2;pointer-events:none}@media (max-width:480px){.album-hero{padding:var(--space-lg)}}.play-button{position:relative;z-index:10;width:80px;height:80px;border:none;background:rgba(0,0,0,.4);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:2px solid transparent;outline-offset:2px}.play-button:hover{background:rgba(0,0,0,.5);transform:scale(1.08)}.play-button:focus-visible{outline:2px solid hsla(0,0%,100%,.8);outline-offset:4px}.play-button:active{transform:scale(.96)}.play-button.playing{background:rgba(0,0,0,.6)}.play-button-inner{position:relative;width:100%;height:100%}.play-button-inner,.play-icon{display:flex;align-items:center;justify-content:center}.play-icon{width:32px;height:32px;color:hsla(0,0%,100%,.95);transition:transform var(--transition-fast)}.play-button:hover .play-icon{transform:scale(1.1)}.play-icon-svg{margin-left:2px}.pause-icon,.play-icon-svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.play-button-ring{position:absolute;width:100%;height:100%;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;pointer-events:none;transition:all var(--transition-base)}.play-button:hover .play-button-ring{border-color:hsla(0,0%,100%,.5);box-shadow:0 0 20px hsla(0,0%,100%,.1)}.play-button.playing .play-button-ring{border-color:hsla(0,0%,100%,.4);animation:pulse-ring var(--transition-slow) ease-out infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.2)}to{box-shadow:0 0 0 12px hsla(0,0%,100%,0)}}@media (max-width:480px){.play-button{width:72px;height:72px}.play-icon{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.play-button.playing .play-button-ring{animation:none}}.track-info-card{width:100%;padding:var(--space-lg);padding-bottom:var(--space-xl);background-color:var(--color-bg-secondary);animation:slideUp var(--transition-slow) cubic-bezier(.4,0,.2,1);animation-delay:.1s}.track-info-content{display:flex;flex-direction:column;gap:var(--space-xs)}.track-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:#fff;letter-spacing:-.02em;margin:0}.track-artist{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:#999}.track-artist,.track-meta{line-height:var(--line-height-normal);margin:0}.track-meta{font-size:var(--font-size-xs);color:#666;text-transform:uppercase;letter-spacing:.03em}.track-instruction,.track-meta{font-weight:var(--font-weight-regular)}.track-instruction{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal);margin-top:var(--space-xs)}@media (max-width:480px){.track-info-card{padding:var(--space-lg)}.track-title{font-size:var(--font-size-xl)}.track-artist{font-size:var(--font-size-base)}}.service-list{width:100%;padding:0 var(--space-lg) var(--space-xl) var(--space-lg);background-color:var(--color-bg-secondary)}.service-list-inner{list-style:none;display:flex;flex-direction:column;gap:var(--space-md)}.service-list-inner li{animation:slideUp var(--transition-slow) cubic-bezier(.4,0,.2,1) backwards}.service-list-inner li:first-child{animation-delay:.15s}.service-list-inner li:nth-child(2){animation-delay:.2s}.service-list-inner li:nth-child(3){animation-delay:.25s}.service-list-inner li:nth-child(4){animation-delay:.3s}.service-list-inner li:nth-child(5){animation-delay:.35s}.service-list-inner li:nth-child(6){animation-delay:.4s}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.service-list{padding:0 var(--space-lg) var(--space-xl) var(--space-lg)}.service-list-inner{gap:var(--space-md)}}@media (prefers-reduced-motion:reduce){.service-list-inner li{animation:none}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg);background-color:var(--color-surface-light);border-radius:var(--radius-md);transition:box-shadow var(--transition-base);box-shadow:var(--shadow-sm);gap:var(--space-md);text-decoration:none;animation:slideInUp .5s cubic-bezier(.4,0,.2,1) backwards}.service-row:first-child{animation-delay:0ms}.service-row:nth-child(2){animation-delay:50ms}.service-row:nth-child(3){animation-delay:.1s}.service-row:nth-child(4){animation-delay:.15s}.service-row:nth-child(5){animation-delay:.2s}.service-row:nth-child(6){animation-delay:.25s}.service-row:nth-child(7){animation-delay:.3s}.service-row:nth-child(8){animation-delay:.35s}.service-row:nth-child(9){animation-delay:.4s}.service-row:nth-child(10){animation-delay:.45s}.service-row:hover{box-shadow:var(--shadow-md)}.service-row:active{box-shadow:var(--shadow-sm)}.service-logo{width:120px;height:48px;flex-shrink:0;object-fit:contain;padding:6px;border-radius:var(--radius-sm)}.service-action{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:capitalize;letter-spacing:.02em}@media (max-width:480px){.service-row{padding:var(--space-lg) var(--space-lg);gap:var(--space-sm)}.service-logo{width:100px;height:40px;padding:4px}}@media (prefers-reduced-motion:reduce){.service-row{animation:none;transition:none}.service-row:hover{transform:none}}.social-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-lg);border-top:1px solid hsla(0,0%,100%,.1);animation:slideUp var(--transition-slow) cubic-bezier(.4,0,.2,1);animation-delay:.4s}.social-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#999;margin:0;text-transform:uppercase;letter-spacing:.03em}.social-icons{display:flex;gap:var(--space-lg);justify-content:center}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background-color:hsla(0,0%,100%,.05);transition:all var(--transition-base);text-decoration:none}.social-icon:hover{background-color:hsla(0,0%,100%,.15);transform:translateY(-2px)}.social-icon:focus-visible{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}.social-icon img{width:32px;height:32px;object-fit:contain;filter:brightness(.9)}