.App{text-align:center;min-height:100vh;display:flex;flex-direction:column;background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.App-header{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:200% 200%;animation:gradientShift 8s ease infinite;padding:2rem;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Fredoka,Comfortaa,cursive,sans-serif;box-shadow:0 4px 15px #0003}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.App-header h1{margin:0;font-size:2.5rem;font-weight:700;font-family:Fredoka,cursive,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.App-header p{margin:.5rem 0 0;font-size:1.2rem;opacity:.95;font-family:Comfortaa,cursive,sans-serif;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.3)}main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}main p{font-size:1.5rem;color:#333}.navbar{position:fixed;top:0;right:0;padding:1rem;background:transparent;display:flex;justify-content:flex-end;align-items:center;z-index:1000}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{position:absolute;top:100%;right:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:200% 200%;animation:gradientShift 8s ease infinite;width:200px;max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 4px 6px #0000004d}.nav-menu-open{max-height:300px}.nav-link{display:block;padding:1rem;color:#fff;text-decoration:none;font-family:Comfortaa,cursive,sans-serif;font-weight:500;transition:background-color .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.nav-link:hover{background-color:#ffffff1a}.nav-link:last-child{border-bottom:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}