:root{--gold:#D4AF37;--gold-light:#E6C567;--gold-dark:#B8860B;--black:#121212;--black-light:#1E1E1E;--white:#F5F5F5;}
*{font-family:'Rubik',sans-serif}
body{background-color:var(--black);color:var(--white);overflow-x:hidden}
.lalezar{font-family:'Lalezar',cursive}
.bg-black{background-color:var(--black)}.bg-black-light{background-color:var(--black-light)}
.text-gold{color:var(--gold)}.border-gold{border-color:var(--gold)!important}
.btn-gold{background-color:var(--gold);color:var(--black);font-weight:500;transition:all .3s}
.btn-gold:hover{background-color:var(--gold-dark);color:var(--black)}
.btn-outline-gold{border:2px solid var(--gold);color:var(--gold);transition:all .3s}
.btn-outline-gold:hover{background-color:var(--gold);color:var(--black)}
.gold-gradient{background:linear-gradient(90deg,transparent,var(--gold),transparent);height:2px}
.navbar{padding:15px 0;transition:all .4s}.navbar-scrolled{background-color:rgba(18,18,18,.95)!important;padding:8px 0;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.hero-section{min-height:70vh;display:flex;align-items:center;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url('https://images.unsplash.com/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=1470&q=80') center/cover no-repeat}
.hero-title{font-size:3rem;text-shadow:0 0 10px rgba(0,0,0,.5)}
.teacher-card{background:var(--black-light);border-radius:10px;overflow:hidden;transition:all .3s;border:1px solid rgba(212,175,55,.2)}
.teacher-card:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 10px 20px rgba(0,0,0,.3)}
.teacher-img{height:220px;object-fit:cover}
.instrument-card{position:relative;height:260px;overflow:hidden;border-radius:10px}
.instrument-overlay{position:absolute;bottom:0;right:0;left:0;background:linear-gradient(to top,rgba(18,18,18,.9),transparent);padding:20px}
.schedule-day{background:var(--black-light);border-radius:10px;padding:20px;margin-bottom:20px}
.schedule-item{padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}
.admin-panel{background:var(--black-light);border-radius:10px;padding:30px}
footer{background:var(--black-light);padding:40px 0 20px}
.social-icon{width:40px;height:40px;border-radius:50%;background:rgba(212,175,55,.2);display:inline-flex;align-items:center;justify-content:center;margin-left:10px;transition:all .3s}
.social-icon:hover{background:var(--gold);color:var(--black);transform:translateY(-5px)}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ctext x='2' y='20' font-size='20' fill='%23D4AF37'%3E%26%23119982%3B%3C/text%3E%3C/svg%3E");background-repeat:repeat}
.symbol{position:fixed;bottom:-40px;color:var(--gold);opacity:.9;pointer-events:none;animation:floatSymbol linear forwards;z-index:9999}
@keyframes floatSymbol{from{transform:translateY(0) rotate(0)}to{transform:translateY(-120vh) rotate(720deg)}}