:root{--gold:#3b82f6;--gold-light:#93c5fd;--red:#2563eb;--red-dark:#1d4ed8;--green:#10b981;--green-dark:#047857;--bg-dark:#0f172a;--bg-section:#1e293b;--glass-bg:rgba(255,255,255,.04);--glass-border:rgba(255,255,255,.1);--text:#f8fafc;--text-muted:#94a3b8}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Outfit',sans-serif;background:var(--bg-dark);color:var(--text);line-height:1.6;overflow-x:hidden}.snowflakes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.snowflake{position:absolute;top:-20px;color:#60a5fa;font-size:.8rem;opacity:.3;animation:snowfall linear infinite}@keyframes snowfall {
	0% {
		transform: translateY(-20px) rotate(0deg);
	}
	100% {
		transform: translateY(100vh) rotate(180deg);
	}
}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(15,23,42,.98) 0%,rgba(15,23,42,.95) 100%);backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border)}.header-logo-row{text-align:center;padding:15px 20px 10px;border-bottom:1px solid rgba(59,130,246,.2);position:relative}.header-logo-row::before,.header-logo-row::after{content:'⚡';position:absolute;top:50%;transform:translateY(-50%);color:var(--gold);opacity:.5;font-size:1rem}.header-logo-row::before{left:20px}.header-logo-row::after{right:20px}.logo{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:700;color:var(--gold-light);text-decoration:none;display:inline-flex;align-items:center;gap:12px}.logo-icon{font-size:1.6rem;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow {
	0%, 100% { filter: drop-shadow(0 0 5px rgba(59, 130, 246, 0.5)); }
	50% { filter: drop-shadow(0 0 15px rgba(59, 130, 246, 0.9)); }
}.header-nav-row{padding:0;position:relative;overflow:hidden}.nav-container{display:flex;justify-content:center;align-items:center;position:relative;padding:0 60px}.nav-decor{display:flex;align-items:center;gap:8px;padding:0 20px;color:var(--gold);opacity:.6;font-size:.9rem}.nav-links{display:flex;gap:0;list-style:none;background:rgba(0,0,0,.2);padding:0}.nav-links li{position:relative}.nav-links li::after{content:'✦';position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--gold);opacity:.3;font-size:.5rem}.nav-links li:last-child::after{display:none}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:400;transition:all .3s ease;letter-spacing:1px;text-transform:uppercase;padding:15px 25px;display:block;position:relative}.nav-links a:hover{color:var(--gold-light);background:rgba(59,130,246,.1)}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.nav-toggle span{width:25px;height:2px;background:var(--gold-light);transition:all .3s ease}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:160px 20px 60px;position:relative;background:radial-gradient(ellipse at top,rgba(37,99,235,.2) 0%,transparent 60%)}.hero-content{text-align:center;margin-bottom:50px;position:relative;z-index:10}.hero-badge{display:inline-block;padding:8px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.85rem;color:var(--gold-light);margin-bottom:25px;letter-spacing:1px}h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:700;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,#fff 0%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);max-width:650px;margin:0 auto;font-weight:300}.mini-player{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:30px;max-width:550px;width:100%;backdrop-filter:blur(20px);position:relative;z-index:10}.player-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px;min-height:80px}.now-playing{font-size:.75rem;color:var(--gold-light);text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.song-title{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--text)}.player-controls{display:flex;align-items:center;gap:15px;align-self:center}.control-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-btn{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);color:#fff;font-size:1rem}.play-btn:hover{transform:scale(1.08);box-shadow:0 0 20px rgba(37,99,235,.5)}.nav-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted)}.song-selector{display:flex;gap:10px;margin-bottom:20px}.song-tab{flex:1;padding:12px;background:transparent;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .3s ease}.song-tab.active{background:rgba(59,130,246,.2);border-color:var(--gold);color:var(--text)}.progress-container{margin-bottom:20px}.progress-bar{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.progress-fill{height:100%;width:25%;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 100%);transition:width .3s ease}.time-display{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:8px}.mini-piano-container{background:#090d16;border-radius:12px;padding:20px;text-align:center}.mini-piano{display:flex;justify-content:space-around;align-items:center;gap:10px}.step-box{flex:1;padding:10px 5px;background:rgba(255,255,255,.05);border-radius:8px;font-size:.75rem;color:var(--text-muted);border:1px solid transparent}.step-box.active{border-color:var(--gold);color:var(--gold-light);background:rgba(59,130,246,.15)}.player-controls-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.control-group{display:flex;align-items:center;gap:8px}.control-label{font-size:.75rem;color:var(--text-muted)}.control-slider{width:80px}.control-value{font-size:.75rem;color:var(--gold-light)}.keyboard-hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:15px;padding-top:15px;border-top:1px solid var(--glass-border)}section{padding:100px 50px;position:relative;z-index:10}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;padding:6px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.75rem;color:var(--gold-light);margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:600;margin-bottom:15px;color:var(--text)}.section-desc{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.05rem}#about{background:var(--bg-section)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;align-items:center}.about-media{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--glass-border)}.about-media img{width:100%;height:auto;display:block;aspect-ratio: 16/10;object-fit:cover}.youtube-btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--red);border-radius:50px;color:#fff;text-decoration:none;font-size:.85rem;font-weight:500}.about-content h3{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold-light);margin-bottom:20px}.about-content p{color:var(--text-muted);margin-bottom:20px;font-size:1rem;line-height:1.7}.about-credits{font-size:.85rem;color:var(--text-muted);opacity:.8}.about-stats{display:flex;gap:40px;margin-top:30px}.stat-number{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold-light)}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase}#features{background:var(--bg-dark)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:35px 25px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--gold)}.feature-icon{width:70px;height:70px;margin:0 auto 20px;background:rgba(59,130,246,.1);border-radius:18px;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:36px;height:36px;stroke:var(--gold-light)}.feature-card h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--text);margin-bottom:12px}.feature-card p{color:var(--text-muted);font-size:.9rem}#songs{background:var(--bg-section)}.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-width:1200px;margin:0 auto}.song-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;color:inherit}.song-card-icon{width:45px;height:45px;background:var(--red);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.song-card-info{flex:1}.song-card-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--text)}.song-card-meta{font-size:.75rem;color:var(--text-muted)}.song-card-duration{font-size:.8rem;color:var(--gold-light)}#gallery{background:var(--bg-dark)}.gallery-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-item{position:relative;border-radius:16px;overflow:hidden;height:200px;cursor:pointer;border:1px solid var(--glass-border)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.08)}.gallery-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:rgba(59,130,246,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.lightbox{position:fixed;inset:0;background:rgba(15,23,42,.95);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:80vw;max-height:80vh}.lightbox-content img{width:100%;height:auto;border-radius:12px}.lightbox-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:#fff;padding:10px 15px;border-radius:50%;cursor:pointer}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}#contact{background:var(--bg-section)}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-info,.contact-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:40px}.contact-info h3{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--gold-light);margin-bottom:25px}.contact-item{display:flex;gap:15px;margin-bottom:20px}.contact-item-icon{width:40px;height:40px;background:rgba(59,130,246,.15);border-radius:10px;display:flex;align-items:center;justify-content:center}.contact-item-content h4{font-size:.95rem;color:var(--text)}.contact-item-content p,.contact-item-content a{font-size:.85rem;color:var(--text-muted);text-decoration:none}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group textarea{width:100%;padding:14px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:10px;color:var(--text)}.form-group textarea{min-height:120px}.form-buttons{display:flex;gap:15px}.btn{flex:1;padding:14px;border:none;border-radius:10px;font-size:.9rem;cursor:pointer;text-transform:uppercase}.btn-submit{background:var(--red);color:#fff}.btn-clear{background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border)}footer{background:var(--bg-dark);padding:60px 50px 30px;border-top:1px solid var(--glass-border)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--gold-light)}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem}.footer-bottom{max-width:1200px;margin:40px auto 0;padding-top:20px;border-top:1px solid var(--glass-border);text-align:center;color:var(--text-muted);font-size:.85rem}.footer-bottom a{color:var(--gold-light);text-decoration:none}@media (max-width:1024px){.about-grid,.contact-container{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}section{padding:60px 20px}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease}.nav-links.active{right:0}.nav-toggle{display:flex}}