:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a1929,#1a2332,#0f1c2e,#1a2332,#0a1929);overflow:hidden;padding:1rem;box-sizing:border-box}.logo-container{cursor:pointer;position:relative;padding:clamp(2rem,5vw,5rem) clamp(3rem,8vw,8rem);border-radius:clamp(15px,2vw,25px);background:linear-gradient(145deg,#1e3a5f,#162c47);box-shadow:20px 20px 60px #0a1523,-20px -20px 60px #24415c;transition:all .3s ease;max-width:95vw;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.logo-container:hover{transform:scale(1.05);box-shadow:25px 25px 70px #0a1523,-25px -25px 70px #24415c}.logo-container.animate{animation:bounce .6s ease}@keyframes bounce{0%,to{transform:scale(1.05) rotate(0)}25%{transform:scale(.95) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.05) rotate(-2deg)}}.logo-text{font-size:clamp(3rem,12vw,8rem);font-weight:900;margin:0;background:linear-gradient(45deg,#4da6ff,#66b3ff,#3d94f6,#5cb3ff,#4da6ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(77,166,255,.3);letter-spacing:clamp(.05em,.1em,.15em);animation:gradient-shift 3s ease infinite;white-space:nowrap}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.logo-container.animate .logo-text{animation:gradient-shift .3s ease,pulse .6s ease}@keyframes pulse{0%,to{text-shadow:0 0 30px rgba(77,166,255,.3)}50%{text-shadow:0 0 50px rgba(77,166,255,.8),0 0 100px rgba(77,166,255,.4)}}.sparkles{position:absolute;top:clamp(-30px,-5vw,-40px);left:50%;transform:translate(-50%);width:100%;text-align:center}.click-counter{color:#66b3ff;font-size:clamp(1rem,3vw,1.5rem);font-weight:700;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media(max-width:1200px){.logo-container{padding:clamp(1.5rem,4vw,4rem) clamp(2.5rem,6vw,6rem)}}@media(max-width:768px){.logo-text{font-size:clamp(2.5rem,10vw,5rem)}.logo-container{padding:clamp(1.5rem,4vw,3rem) clamp(2rem,5vw,4rem);border-radius:15px}.sparkles{top:-30px}}@media(max-width:480px){.logo-text{font-size:clamp(2rem,9vw,3.5rem);letter-spacing:.05em}.logo-container{padding:1.5rem 2rem;border-radius:12px}.sparkles{top:-25px}.click-counter{font-size:1rem}}@media(max-width:360px){.logo-text{font-size:1.8rem}.logo-container{padding:1rem 1.5rem}}.hint{position:absolute;bottom:clamp(-35px,-5vw,-45px);left:50%;transform:translate(-50%);color:#4da6ff;font-size:clamp(.8rem,2vw,1rem);font-weight:600;opacity:.7;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.5}50%{opacity:1}}.surprise{font-size:clamp(3rem,8vw,6rem);animation:surprise-bounce 1s ease infinite}@keyframes surprise-bounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(1.3) rotate(10deg)}75%{transform:scale(1.2) rotate(-5deg)}}