@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--cream:#fdf8f3;--cream-dark:#f5ede4;--pink-soft:#f5d0d0;--pink-medium:#e8b4b4;--pink-accent:#d4908f;--black:#1a1a1a;--black-soft:#333;--white:#fff;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"DM Sans", -apple-system, sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);color:var(--black-soft);background-color:var(--cream);flex-direction:column;min-height:100vh;font-size:16px;line-height:1.6;display:flex}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.header{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#fdf8f3d9;border-bottom:1px solid #1a1a1a14;position:fixed;top:0;left:0;right:0}.nav{max-width:1200px;padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);color:var(--black);letter-spacing:.02em;font-size:1.5rem;font-style:italic;font-weight:600}.nav-links{align-items:center;gap:var(--space-lg);list-style:none;display:flex}.nav-link{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--black-soft);padding:var(--space-xs) 0;transition:color var(--transition-fast);font-size:.875rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--pink-accent);width:0;height:2px;transition:width var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover,.nav-link.active{color:var(--black)}.nav-item{position:relative}.nav-dropdown{padding-top:var(--space-sm);opacity:0;visibility:hidden;transition:opacity var(--transition-smooth), visibility var(--transition-smooth);position:absolute;top:100%;left:50%;transform:translate(-50%)}.nav-item:hover .nav-dropdown{opacity:1;visibility:visible}.nav-dropdown-menu{background:var(--white);padding:var(--space-xs) 0;border:1px solid #1a1a1a1a;border-radius:8px;min-width:160px;list-style:none;box-shadow:0 10px 40px #1a1a1a1a}.nav-dropdown-link{padding:var(--space-xs) var(--space-md);color:var(--black-soft);transition:background var(--transition-fast), color var(--transition-fast);font-size:.875rem;font-weight:500;display:block}.nav-dropdown-link:hover{background:var(--pink-soft);color:var(--black)}.nav-toggle{cursor:pointer;padding:var(--space-xs);background:0 0;border:none;flex-direction:column;gap:5px;display:none}.nav-toggle span{background:var(--black);width:24px;height:2px;transition:var(--transition-smooth)}.main-content{flex-direction:column;flex:1;display:flex}.hero{padding-top:80px;padding-bottom:var(--space-lg);align-items:center;gap:var(--space-xl);max-width:1400px;padding-left:var(--space-lg);padding-right:var(--space-lg);flex:1;grid-template-columns:1fr 1fr;margin:0 auto;display:grid}.hero-content{padding-right:var(--space-xl)}.hero-subtitle{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.25em;color:var(--pink-accent);margin-bottom:var(--space-md);font-size:.75rem;font-weight:600;animation:.8s forwards fadeInUp}.hero-title{font-family:var(--font-display);color:var(--black);margin-bottom:var(--space-md);opacity:0;font-size:clamp(3rem,8vw,5.5rem);font-weight:400;line-height:1.05;animation:.8s .1s forwards fadeInUp}.hero-title em{color:var(--pink-accent);font-style:italic}.hero-description{color:var(--black-soft);max-width:480px;margin-bottom:var(--space-lg);opacity:0;font-size:1.125rem;animation:.8s .2s forwards fadeInUp}.hero-cta{align-items:center;gap:var(--space-sm);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.15em;color:var(--white);background:var(--black);padding:var(--space-md) var(--space-lg);border:2px solid var(--black);transition:all var(--transition-smooth);opacity:0;font-size:.875rem;font-weight:600;animation:.8s .3s forwards fadeInUp;display:inline-flex}.hero-cta:hover{color:var(--black);background:0 0}.hero-cta svg{width:16px;height:16px;transition:transform var(--transition-smooth)}.hero-cta:hover svg{transform:translate(4px)}.hero-image{opacity:0;height:100%;min-height:400px;max-height:700px;animation:1s .4s forwards fadeIn;position:relative}.hero-image-container{background:linear-gradient(135deg, var(--pink-soft) 0%, var(--cream-dark) 100%);z-index:1;width:100%;height:100%;position:relative;overflow:hidden}.hero-image-container:before{content:"";background:radial-gradient(circle, var(--pink-medium) 0%, transparent 70%);opacity:.5;z-index:1;width:60%;height:60%;position:absolute;top:-20%;right:-20%}.hero-image-container img{object-fit:cover;z-index:2;width:100%;height:100%;position:relative}.hero-image-placeholder{width:100%;height:100%;color:var(--pink-accent);font-family:var(--font-display);z-index:2;flex-direction:column;justify-content:center;align-items:center;font-size:1.25rem;font-style:italic;display:flex;position:relative}.hero-image-placeholder svg{width:80px;height:80px;margin-bottom:var(--space-md);opacity:.6}.hero-decoration{bottom:var(--space-lg);left:var(--space-lg);font-family:var(--font-display);color:var(--black);opacity:.03;pointer-events:none;z-index:0;font-size:8rem;font-weight:700;line-height:1;position:absolute}.hero-music-bg{pointer-events:none;z-index:0;position:absolute;inset:-10% -10% -10% -30%;overflow:visible}.music-staff{opacity:.15;flex-direction:column;justify-content:space-between;height:120px;display:flex;position:absolute;left:-10%;right:-10%}.music-staff.staff-1{top:15%;transform:rotate(-3deg)}.music-staff.staff-2{top:45%;transform:rotate(2deg)}.music-staff.staff-3{bottom:20%;transform:rotate(-2deg)}.staff-line{background:linear-gradient(90deg, transparent 0%, var(--pink-accent) 20%, var(--pink-accent) 80%, transparent 100%);height:2px}.music-note{color:var(--pink-accent);opacity:0;font-size:2rem;animation:8s ease-in-out infinite floatNote;position:absolute}.music-note:before{content:"♪"}.music-note.note-1{animation-delay:0s;top:20%;left:8%}.music-note.note-2{font-size:1.5rem;animation-delay:1.5s;top:60%;left:25%}.music-note.note-3{animation-delay:3s;top:30%;left:45%}.music-note.note-4{font-size:2.5rem;animation-delay:4.5s;top:70%;left:70%}.music-note.note-5{font-size:1.8rem;animation-delay:2s;top:25%;left:85%}.music-note.note-6{animation-delay:5.5s;top:75%;left:15%}.music-note.note-7{font-size:1.4rem;animation-delay:7s;top:50%;left:60%}.music-note.note-8{font-size:2.2rem;animation-delay:1s;top:55%;left:90%}.music-note.double:before,.music-note.note-2:before,.music-note.note-5:before,.music-note.note-7:before{content:"♫"}@keyframes floatNote{0%,to{opacity:0;transform:translateY(20px)rotate(-10deg)}10%{opacity:.4}50%{opacity:.25;transform:translateY(-30px)rotate(10deg)}90%{opacity:.4}}.treble-clef{color:var(--pink-medium);opacity:.08;font-family:serif;font-size:8rem;line-height:1;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.treble-clef:before{content:"𝄞"}.main{min-height:100vh;padding-top:100px}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.page-header{text-align:center;padding:var(--space-2xl) 0;position:relative}.page-header:after{content:"";background:linear-gradient(90deg, var(--pink-soft), var(--pink-accent));width:60px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.page-title{font-family:var(--font-display);color:var(--black);margin-bottom:var(--space-sm);font-size:clamp(2.5rem,6vw,4rem);font-weight:400}.page-title em{color:var(--pink-accent);font-style:italic}.page-subtitle{color:var(--black-soft);max-width:600px;margin:0 auto;font-size:1rem}.about-section{gap:var(--space-2xl);padding:var(--space-2xl) 0;grid-template-columns:1fr 1.2fr;align-items:center;display:grid}.about-image{position:relative}.about-image-frame{aspect-ratio:3/4;background:linear-gradient(135deg, var(--pink-soft) 0%, var(--cream-dark) 100%);border-radius:2rem;position:relative;overflow:hidden}.about-image-frame:before{content:"";top:var(--space-md);left:var(--space-md);right:calc(var(--space-md) * -1);bottom:calc(var(--space-md) * -1);border:2px solid var(--black);z-index:-1;border-radius:2.5rem;position:absolute}.about-image-frame img{object-fit:cover;border-radius:2rem;width:100%;height:100%}.about-content h2{font-family:var(--font-display);color:var(--black);margin-bottom:var(--space-md);font-size:2.5rem;font-weight:400}.about-content h2 em{color:var(--pink-accent);font-style:italic}.about-content p{margin-bottom:var(--space-md);color:var(--black-soft)}.about-list{margin-top:var(--space-lg);list-style:none}.about-list li{padding-left:var(--space-lg);margin-bottom:var(--space-sm);color:var(--black-soft);position:relative}.about-list li:before{content:"";background:var(--pink-accent);width:20px;height:2px;position:absolute;top:.6em;left:0}.competitions-grid{gap:var(--space-lg);padding:var(--space-xl) 0;display:grid}.competition-card{gap:var(--space-lg);padding:var(--space-lg);background:var(--white);transition:all var(--transition-smooth);border:1px solid #1a1a1a14;grid-template-columns:auto 1fr auto;align-items:center;display:grid;position:relative;overflow:hidden}.competition-card:before{content:"";background:var(--pink-soft);width:4px;height:100%;transition:background var(--transition-smooth);position:absolute;top:0;left:0}.competition-card:hover{border-color:var(--pink-medium);box-shadow:0 10px 40px #d4908f26}.competition-card:hover:before{background:var(--pink-accent)}.competition-date{text-align:center;min-width:80px}.competition-date .day{font-family:var(--font-display);color:var(--black);font-size:2.5rem;font-weight:600;line-height:1}.competition-date .month{text-transform:uppercase;letter-spacing:.1em;color:var(--pink-accent);font-size:.75rem;font-weight:600}.competition-date .year{color:var(--black-soft);font-size:.75rem}.competition-info h3{font-family:var(--font-display);color:var(--black);margin-bottom:var(--space-xs);font-size:1.5rem;font-weight:500}.competition-info .location{color:var(--black-soft);align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);font-size:.875rem;display:flex}.competition-info .location svg{width:14px;height:14px;color:var(--pink-accent)}.competition-info .category{text-transform:uppercase;letter-spacing:.05em;color:var(--black-soft);background:var(--cream-dark);padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;display:inline-block}.competition-result{text-align:center}.result-badge{width:60px;height:60px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:inline-flex}.result-badge.gold{color:var(--black);background:linear-gradient(135deg,gold 0%,orange 100%);box-shadow:0 4px 20px #ffd70066}.result-badge.silver{color:var(--black);background:linear-gradient(135deg,#e8e8e8 0%,#b8b8b8 100%);box-shadow:0 4px 20px #b8b8b866}.result-badge.bronze{color:var(--white);background:linear-gradient(135deg,#cd7f32 0%,#8b4513 100%);box-shadow:0 4px 20px #cd7f3266}.result-badge.participation{background:var(--pink-soft);color:var(--black)}.section-divider{align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;display:flex}.section-divider:before,.section-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--pink-medium), transparent);flex:1;height:1px}.section-divider span{font-family:var(--font-display);color:var(--pink-accent);font-size:1rem;font-style:italic}.footer{padding:var(--space-lg) 0;background:var(--black);color:var(--cream);margin-top:auto}.footer-content{max-width:1200px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-logo{font-family:var(--font-display);color:var(--cream);font-size:1.25rem;font-style:italic}.footer-text{color:#fdf8f399;font-size:.875rem}.footer-text a{color:var(--pink-soft);transition:color var(--transition-fast)}.footer-text a:hover{color:var(--pink-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}.animate-fade-in-up{opacity:0;animation:.8s forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media (width<=1024px){.hero{padding-top:100px;padding-bottom:var(--space-lg);grid-template-columns:1fr;align-content:center;align-items:start}.hero-content{text-align:center;padding-right:0}.hero-description{margin-left:auto;margin-right:auto}.hero-image{min-height:250px;max-height:400px}.about-section{gap:var(--space-xl);grid-template-columns:1fr}.about-image{max-width:400px;margin:0 auto}}@media (width<=768px){.nav-links{background:var(--cream);padding:var(--space-md);border-bottom:1px solid #1a1a1a14;flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.active{display:flex}.nav-link{padding:var(--space-sm) 0}.nav-dropdown{opacity:1;visibility:visible;padding-top:0;position:static;transform:none}.nav-dropdown-menu{box-shadow:none;padding-left:var(--space-md);background:0 0;border:none}.nav-toggle{display:flex}.hero-title{font-size:2.5rem}.competition-card{text-align:center;grid-template-columns:1fr}.competition-date{justify-content:center;align-items:baseline;gap:var(--space-xs);display:flex}.competition-date .day{font-size:1.5rem}.footer-content{gap:var(--space-md);text-align:center;flex-direction:column}}