:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#ec4899;--spotify-color:#1db954;--apple-color:#fa243c;--soundcloud-color:#f50;--email-color:#3b82f6;--bg-dark:#0f172a;--text-main:#f8fafc;--text-muted:#cbd5e1;--glass-bg:#0f172a80;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{color:var(--text-main);background-color:var(--bg-dark);background-image:url(/background.png);background-position:50%;background-size:cover;background-attachment:fixed;font-family:Outfit,sans-serif;overflow:hidden}.preloader{background-color:var(--bg-dark);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}.loader-content{text-align:center}.loader-text{letter-spacing:.2em;background:linear-gradient(90deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:3rem;font-weight:900;animation:1.5s infinite alternate pulse}.progress-bar{background:#ffffff1a;border-radius:4px;width:200px;height:4px;margin:0 auto;overflow:hidden}.progress{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));width:0%;height:100%;animation:2s ease-in-out forwards loadProgress}@keyframes pulse{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}@keyframes loadProgress{0%{width:0%}to{width:100%}}.background-overlay{z-index:-1;pointer-events:none;background:radial-gradient(circle,#0f172a66 0%,#0f172ae6 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.navbar{z-index:100;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;transition:all .3s;display:flex;position:fixed;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;padding:1rem 3rem;box-shadow:0 4px 20px #00000080}.nav-logo{letter-spacing:.1em;color:#fff;font-size:1.5rem;font-weight:900;text-decoration:none}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-muted);font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#fff}.main-container{flex-direction:column;display:flex}.section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 2rem;display:flex;position:relative}.section-title{text-align:center;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg, #fff 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.hero-content{text-align:center;opacity:0;transform:translateY(30px)}.artist-name{letter-spacing:.1em;background:linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 50%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 30px #6366f166;-webkit-background-clip:text;margin-bottom:.5rem;font-size:clamp(4rem,10vw,8rem);font-weight:900}.subtitle{letter-spacing:.3em;color:var(--text-muted);margin-bottom:2rem;font-size:clamp(1rem,3vw,1.5rem);font-weight:300}.cta-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.primary-btn{background:linear-gradient(45deg, var(--primary-color), var(--secondary-color));color:#fff;box-shadow:0 4px 15px #6366f166}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f199}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);width:100%;max-width:800px;box-shadow:var(--glass-shadow);opacity:0;border-radius:24px;padding:2.5rem;transform:translateY(40px)}.music-panel{flex-direction:column;gap:2rem;display:flex}.embed-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.gallery-section{padding-bottom:4rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:1000px;display:grid}.gallery-item{object-fit:cover;border:1px solid var(--glass-border);width:100%;height:350px;box-shadow:var(--glass-shadow);opacity:0;border-radius:16px;transition:transform .3s;transform:translateY(40px)}.gallery-item:hover{transform:scale(1.05)}.streaming-links h3{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-weight:400}.links-grid{justify-content:center;gap:1.5rem;display:flex}.social-btn{width:60px;height:60px;color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.email-large{border-radius:12px;gap:1rem;width:auto;padding:1rem 2rem;font-size:1.2rem}.social-btn:hover{border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 20px #0003}.social-btn.spotify:hover{color:var(--spotify-color);background:#1db9541a}.social-btn.apple:hover{color:var(--apple-color);background:#fa243c1a}.social-btn.soundcloud:hover{color:var(--soundcloud-color);background:#ff55001a}.social-btn.email-large:hover{color:var(--email-color);background:#3b82f61a}.bio-text{color:#e2e8f0;text-align:center;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.stats-grid{text-align:center;border-top:1px solid var(--glass-border);grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:2rem;display:grid}.stat-number{color:#fff;background:linear-gradient(45deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.contact-panel{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.newsletter h3,.contact-info h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.newsletter p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.subscribe-form{gap:.5rem;display:flex}.subscribe-form input{color:#fff;background:#0003;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;padding:.8rem 1rem;font-family:inherit}.subscribe-form input:focus{border-color:var(--primary-color)}.footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;padding:3rem 0;font-size:.9rem}@media (width<=768px){.contact-panel{grid-template-columns:1fr;gap:2rem}.navbar{padding:1rem}.nav-links{gap:1rem}.stats-grid{grid-template-columns:1fr;gap:1.5rem}}