/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-duration:initial}}}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.w-fit{width:-moz-fit-content;width:fit-content}.min-w-full{min-width:100%}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}:root{--color-primary:#ffce00;--color-primary-dark:#e6b800;--color-secondary:#ffce00;--color-background:linear-gradient(135deg,#b3deff 0%,#a8d5ff 100%);--color-card:#fffffff2;--color-text:#2d3748;--color-text-light:#718096;--color-text-white:#fff;--color-border:#e2e8f0;--color-error:#c53030;--color-success:#48bb78;--font-family:"Aleo",serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--border-radius:.75rem;--border-radius-lg:1.5rem;--shadow-sm:0 4px 6px -1px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-background);min-height:100vh;line-height:1.6;overflow-x:hidden}.main-container{background:var(--color-background);width:100%;min-height:100vh;padding:0}.nav-header{z-index:100;background-color:#0000;background-image:radial-gradient(circle at 20% 30%,#b8860b 2px,#0000 2px),radial-gradient(circle at 80% 20%,#b8860b 1.5px,#0000 1.5px),radial-gradient(circle at 60% 70%,#b8860b 2.5px,#0000 2.5px),radial-gradient(circle at 15% 80%,#b8860b 1.8px,#0000 1.8px),radial-gradient(circle at 85% 60%,#b8860b 2.2px,#0000 2.2px),radial-gradient(circle at 40% 15%,#b8860b 1.6px,#0000 1.6px),radial-gradient(circle at 75% 85%,#b8860b 2.3px,#0000 2.3px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-bottom:3px solid #b8860b;justify-content:space-between;align-items:center;height:66px;padding:.75rem 2rem;display:flex;position:relative;top:0;box-shadow:0 4px 8px #b8860b33}.nav-header:before{content:"🎵 🎺 🎷 🎹 🥁 🎸 🎼 🎤";opacity:.4;pointer-events:none;z-index:-1;justify-content:space-around;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.nav-header h1{color:#8b4513;text-shadow:1px 1px 2px #ffffff4d;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:600;display:flex}.nav-header .logo{cursor:pointer;border-radius:8px;width:auto;height:50px;transition:transform .2s}.nav-header .logo:hover{transform:scale(1.05)}.nav-header a{color:#8b4513;border-radius:var(--border-radius);text-shadow:1px 1px 2px #ffffff4d;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-header a:hover{color:#654321;background:#b8860b33;transform:scale(1.05)}.nav-header a.active{background:var(--color-primary);color:var(--color-text-white)}.nav-links{gap:1.5rem;display:flex}.main-content{max-width:1200px;padding:var(--spacing-sm);z-index:10;margin:0 auto;position:relative}.header-section{text-align:center;padding:var(--spacing-lg)0;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#b3deffe6,#a8d5ffe6);position:relative;overflow:hidden}.header-section:before{content:"";background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="70" r="1" fill="rgba(255,255,255,0.1)"/></svg>');animation:20s ease-in-out infinite float;position:absolute;inset:0}.page-title{color:var(--color-text-white);margin-bottom:var(--spacing-xs);text-shadow:0 4px 8px #0000004d;letter-spacing:-.02em;z-index:10;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;position:relative}.page-subtitle{color:#ffffffe6;margin-bottom:var(--spacing-lg);z-index:10;font-size:1.2rem;font-weight:400;position:relative}.musical-decoration{opacity:.7;z-index:1;font-size:2rem;animation:6s ease-in-out infinite musicFloat;position:absolute}.musical-decoration:first-child{animation-delay:0s;top:10%;left:10%}.musical-decoration:nth-child(2){animation-delay:1s;top:20%;right:15%}.musical-decoration:nth-child(3){animation-delay:2s;bottom:30%;left:15%}.musical-decoration:nth-child(4){animation-delay:3s;bottom:20%;right:10%}.musical-decoration:nth-child(5){animation-delay:4s;top:50%;left:5%}.musical-decoration:nth-child(6){animation-delay:5s;top:60%;right:5%}.musical-decoration:nth-child(7){animation-delay:2s;bottom:40%;left:35%}.musical-decoration:nth-child(8){animation-delay:4s;top:45%;right:8%}.form-container{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg),0 0 0 1px #fff3;max-width:500px;margin:0 auto;transition:all .3s;position:relative;overflow:hidden}.form-container:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark),var(--color-secondary));border-radius:var(--border-radius-lg)var(--border-radius-lg)0 0;height:4px;position:absolute;top:0;left:0;right:0}.form-container:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff4d}.form-title{color:var(--color-text);margin-bottom:var(--spacing-xs);text-align:center;font-size:1.75rem;font-weight:700}.form-description{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-lg);font-weight:400}.form-group{margin-bottom:var(--spacing-sm)}.btn-primary{color:#fff;border-radius:var(--border-radius);cursor:pointer;text-shadow:1px 1px 2px #0000004d;background:linear-gradient(135deg,#b3deff,#a8d5ff);border:2px solid #b8860b;width:100%;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 8px #b8860b4d}.btn-primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#a8d5ff,#9eceff);border-color:#a0750a;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 12px #b8860b66}.btn-primary:active:not(:disabled){transform:translateY(0)scale(1);box-shadow:0 2px 4px #b8860b4d}.btn-primary:disabled{color:#888;cursor:not-allowed;text-shadow:none;background:linear-gradient(135deg,#d3d3d3,silver);border-color:#999;transform:none;box-shadow:0 2px 4px #0000001a}.btn-primary:hover:not(:disabled):before{left:100%}.form-label{margin-bottom:var(--spacing-xs);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600;display:block}.form-input{border:2px solid var(--color-border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--color-text);background:#fffc;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}.form-input:focus{border-color:var(--color-primary);background:#fffffff2;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #667eea1a}.form-select{border:2px solid var(--color-border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:100%;color:var(--color-text);background:#fffc;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}.form-select:focus{border-color:var(--color-primary);background:#fffffff2;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);width:100%;color:var(--color-text-white);border-radius:var(--border-radius);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--color-text-light);cursor:not-allowed;transform:none}.alert{border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:1rem;font-weight:500;position:relative;overflow:hidden}.alert-error{color:var(--color-error);background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181}.alert-error:before{content:"⚠️ "}.alert-success{color:var(--color-success);background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border:1px solid #68d391}.alert-success:before{content:"✅ "}.info-section{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius);border-left:4px solid var(--color-primary);background:#edf2f799}.info-title{color:var(--color-text);margin-bottom:var(--spacing-xs);font-weight:600}.info-text{color:var(--color-text-light);font-size:.9rem;line-height:1.6}.footer{text-align:center;padding:var(--spacing-sm);color:#fffc;font-size:.9rem}.particle{pointer-events:none;background:#ffffff1a;border-radius:50%;animation:8s linear infinite particleFloat;position:absolute}@keyframes musicFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(5deg)}50%{transform:translateY(-5px)rotate(-3deg)}75%{transform:translateY(-15px)rotate(3deg)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.main-content{padding:var(--spacing-xs)}.form-container{padding:var(--spacing-sm);margin:var(--spacing-xs)}.header-section{padding:var(--spacing-sm)var(--spacing-xs);margin-bottom:var(--spacing-xs)}.nav-header{padding:var(--spacing-xs)var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column}.nav-header h1{font-size:1rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}