.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding-bottom:80px}.banner{width:100%;padding:1.5rem 1rem;display:flex;justify-content:center;align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.banner-image{width:min(92vw,900px);height:auto;max-height:50px;object-fit:cover;object-position:center;display:block;transform:translateY(10px)}.main-content{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 1rem;flex:1}.profile{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.logo-container{width:200px;height:auto;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.logo-container:hover{transform:scale(1.05)}.logo-image{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px var(--shadow-color))}.artist-name{font-family:var(--font-heading);font-size:2.5rem;font-weight:900;text-align:center;letter-spacing:-.02em;color:var(--text-primary);text-shadow:2px 2px 4px var(--shadow-color)}.tagline{font-size:1.125rem;color:var(--text-secondary);text-align:center;font-weight:400}.link-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .3s ease;width:100%;max-width:267px;min-height:30px}.link-button:has(.link-button-subtext){flex-direction:column;gap:.125rem}.link-button-main{line-height:1.2}.link-button-subtext{font-size:.625rem;font-weight:400;text-transform:none;letter-spacing:.02em;opacity:.8;line-height:1}.website-button-wrapper{width:100%;max-width:267px}.link-button--primary{background:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-primary);box-shadow:0 4px 16px #cc1a1a4d}.link-button--primary:hover{background:#b31515;border-color:#b31515;box-shadow:0 6px 24px #cc1a1a66;transform:translateY(-2px);opacity:1}.link-button--secondary{background:transparent;color:var(--text-primary);border-color:var(--accent-secondary)}.link-button--secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px);opacity:1}.link-button--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.link-button--disabled:hover{transform:none}.footer{position:fixed;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:1rem;z-index:1000;box-shadow:0 -4px 16px var(--shadow-color)}.footer-socials{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--brand-color, var(--border-color));transition:all .3s ease;text-decoration:none;color:var(--brand-color, var(--text-primary))}.footer-social-link:hover{background:var(--brand-color, var(--accent-primary));border-color:var(--brand-color, var(--accent-primary));transform:translateY(-3px) scale(1.1);box-shadow:0 4px 12px #0000004d;color:#fff}.footer-social-link:not(.white-icon):hover .social-icon-svg{fill:#fff}.footer-social-link.white-icon:hover .social-icon-svg{fill:#000}.social-icon-svg{width:24px;height:24px;fill:currentColor;display:block;transition:fill .3s ease}@media (min-width: 768px){.app{padding:3rem 2rem}.logo-container{width:240px}.artist-name{font-size:3rem}.tagline{font-size:1.25rem}.link-button{padding:.625rem 1.5rem;font-size:.875rem}}@media (min-width: 1024px){.app{padding:4rem 2rem}.main-content{gap:2.5rem}.profile{gap:2rem}.logo-container{width:280px}.artist-name{font-size:3.5rem}}@media (max-width: 480px){.app{padding:1.5rem 1rem}.logo-container{width:160px}.footer-social-link{width:40px;height:40px}.social-icon-svg{width:20px;height:20px}.artist-name{font-size:2rem}.tagline{font-size:1rem}.link-button{padding:.5rem 1rem;font-size:.75rem;min-height:28px}}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--text-primary: #f5f5f5;--text-secondary: #b0b0b0;--accent-primary: #cc1a1a;--accent-secondary: #666666;--border-color: #1a1a1a;--shadow-color: rgba(0, 0, 0, .5);--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-heading: "Arial Black", "Arial Bold", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}
