@font-face{font-family:Milonga;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e042f5599a502a55-s.2305c38a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Milonga;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a9751b0ccc5774e-s.p.f1d73526.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Milonga Fallback;src:local(Arial);ascent-override:97.21%;descent-override:25.53%;line-gap-override:0.0%;size-adjust:101.84%}.milonga_ff645267-module__HxFUIq__className{font-family:Milonga,Milonga Fallback;font-style:normal;font-weight:400}.milonga_ff645267-module__HxFUIq__variable{--font-headline:"Milonga","Milonga Fallback"}
@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/57dd297ff72c8fa7-s.5bf52cce.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85c577ec7d0c8010-s.cd9f51c4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f8cabcee3b0c666c-s.p.b364ada9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand Fallback;src:local(Arial);ascent-override:127.97%;descent-override:38.32%;line-gap-override:0.0%;size-adjust:81.43%}.patrick_hand_8f6627e5-module__Mnf-Zq__className{font-family:Patrick Hand,Patrick Hand Fallback;font-style:normal;font-weight:400}.patrick_hand_8f6627e5-module__Mnf-Zq__variable{--font-body:"Patrick Hand","Patrick Hand Fallback"}
:root{--background:#fef7e0;--foreground:#171717;--mui-palette-primary-main:#5a67d8;--mui-palette-primary-light:#7f9cf5;--mui-palette-primary-dark:#434190;--mui-palette-secondary-main:gold;--mui-palette-secondary-light:#ffd89b;--mui-palette-secondary-dark:#c05621;--mui-palette-success-main:#38b2ac;--mui-palette-error-main:#e53e3e;--mui-palette-warning-main:#fbbf24;--mui-palette-background-default:#f7fafc;--mui-palette-background-paper:#fff;--mui-palette-text-primary:#2d3748;--mui-palette-text-secondary:#718096}body{color:var(--foreground);font-family:var(--font-body),Arial,Helvetica,sans-serif;position:relative;overflow-x:hidden}.music-bg{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.music-note{color:#ff6b6b26;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:2rem;transition:opacity .3s,transform .3s;animation:25s linear infinite float;position:absolute}.music-note:hover{animation-play-state:paused;transform:scale(1.2);opacity:.8!important}.music-note:first-child{animation-duration:20s;animation-delay:0s;top:10%;left:10%}.music-note:nth-child(2){animation-duration:25s;animation-delay:2s;top:20%;left:80%}.music-note:nth-child(3){animation-duration:18s;animation-delay:4s;top:60%;left:20%}.music-note:nth-child(4){animation-duration:22s;animation-delay:6s;top:80%;left:70%}.music-note:nth-child(5){animation-duration:28s;animation-delay:8s;top:30%;left:50%}.music-note:nth-child(6){animation-duration:24s;animation-delay:10s;top:70%;left:30%}.music-note:nth-child(7){animation-duration:19s;animation-delay:12s;top:15%;left:90%}.music-note:nth-child(8){animation-duration:26s;animation-delay:14s;top:85%;left:5%}.music-note:nth-child(9){animation-duration:21s;animation-delay:16s;top:40%;left:15%}.music-note:nth-child(10){animation-duration:23s;animation-delay:18s;top:55%;left:85%}.music-note:nth-child(11){animation-duration:27s;animation-delay:20s;top:25%;left:35%}.music-note:nth-child(12){animation-duration:20s;animation-delay:22s;top:75%;left:65%}@keyframes float{0%{opacity:0;transform:translateY(100vh)rotate(0)scale(.8)}10%{opacity:.4;transform:translateY(90vh)rotate(36deg)scale(1)}50%{opacity:.6;transform:translateY(50vh)rotate(180deg)scale(1.1)}90%{opacity:.4;transform:translateY(10vh)rotate(324deg)scale(.9)}to{opacity:0;transform:translateY(-10vh)rotate(360deg)scale(.7)}}.musical-staff:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ff6b6b08 1px,#0000 1px),linear-gradient(90deg,#4ecdc408 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.wave-bg{z-index:-1;background:linear-gradient(45deg,#ff6b6b0d,#4ecdc40d);border-radius:50% 50% 0 0;width:100%;height:200px;animation:10s ease-in-out infinite wave;position:absolute;bottom:0;left:0}.wave-bg.secondary{z-index:-1;background:linear-gradient(135deg,#ffc10708,#9c27b008);height:150px;animation:15s ease-in-out 3s infinite reverse wave}@keyframes wave{0%,to{border-radius:50% 50% 0 0;transform:translateY(0)scale(1)rotate(0)}25%{border-radius:45% 55% 0 0;transform:translateY(-15px)scale(1.02)rotate(1deg)}50%{border-radius:55% 45% 0 0;transform:translateY(-25px)scale(1.05)rotate(0)}75%{border-radius:50% 50% 5% 5%;transform:translateY(-15px)scale(1.02)rotate(-1deg)}}.treble-clef{color:#ff6b6b14;z-index:-1;cursor:pointer;font-size:4rem;transition:all .3s;animation:8s ease-in-out infinite clef-bounce;position:absolute;top:20%;right:5%;transform:rotate(15deg)}.treble-clef:hover{color:#ff6b6b26;animation-duration:4s;transform:rotate(15deg)scale(1.1)}@keyframes clef-bounce{0%,to{transform:rotate(15deg)scale(1)translateY(0)}25%{transform:rotate(20deg)scale(1.05)translateY(-5px)}50%{transform:rotate(10deg)scale(1.1)translateY(-10px)}75%{transform:rotate(18deg)scale(1.05)translateY(-5px)}}.bass-clef{color:#4ecdc414;z-index:-1;cursor:pointer;font-size:3rem;transition:all .3s;animation:12s ease-in-out infinite reverse clef-bounce;position:absolute;bottom:30%;left:5%;transform:rotate(-10deg)}.bass-clef:hover{color:#4ecdc426;animation-duration:6s;transform:rotate(-10deg)scale(1.1)}.musical-quarter{color:#ff6b6b1f;z-index:-1;cursor:pointer;font-size:2.5rem;transition:all .3s;animation:22s linear 5s infinite float;position:absolute;top:45%;right:15%}.musical-quarter:hover{color:#ff6b6b40;animation-play-state:paused;transform:scale(1.2)rotate(10deg)}.musical-eighth{color:#4ecdc41a;z-index:-1;cursor:pointer;font-size:2rem;transition:all .3s;animation:26s linear 8s infinite reverse float;position:absolute;bottom:45%;right:25%}.musical-eighth:hover{color:#4ecdc433;animation-play-state:paused;transform:scale(1.2)rotate(-10deg)}.musical-sharp{color:#ffc10726;z-index:-1;cursor:pointer;font-size:1.8rem;transition:all .3s;animation:15s ease-in-out infinite clef-bounce;position:absolute;top:35%;left:25%}.musical-sharp:hover{color:#ffc1074d;animation-duration:7.5s;transform:scale(1.3)}.musical-flat{color:#9c27b01f;z-index:-1;cursor:pointer;font-size:1.8rem;transition:all .3s;animation:18s ease-in-out infinite reverse clef-bounce;position:absolute;bottom:55%;left:75%}.musical-flat:hover{color:#9c27b040;animation-duration:9s;transform:scale(1.3)}.gradient-overlay{pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 80%,#ff6b6b08 0%,#0000 50%),radial-gradient(circle at 80% 20%,#4ecdc408 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}