.hello-world-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;touch-action:manipulation}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.content{text-align:center;z-index:5;position:relative;padding:20px;pointer-events:none}.content>*{pointer-events:auto}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;background:#fff;top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;background:#fff;top:60%;right:10%;animation-delay:5s}.shape-3{width:150px;height:150px;background:#fff;bottom:20%;left:50%;animation-delay:10s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-50px) rotate(180deg)}}.title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;color:#fff;margin-bottom:20px;text-shadow:0 4px 20px rgba(0,0,0,.3);animation:fadeInScale 1s ease-out;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.title.clicked{transform:scale(1.1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.subtitle{font-size:clamp(1rem,3vw,1.5rem);color:#ffffffe6;margin-bottom:40px;animation:fadeIn 1s ease-out .3s both;-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.interactive-button{background:#fff;color:#667eea;border:none;padding:18px 40px;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #0003;transition:all .3s ease;animation:fadeIn 1s ease-out .6s both;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.interactive-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#667eea4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.interactive-button:hover:before{width:300px;height:300px}.interactive-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.interactive-button:active,.interactive-button.clicked{transform:scale(.95)}.info{margin-top:40px;animation:fadeIn 1s ease-out .9s both;pointer-events:none}.info p{color:#fffc;font-size:clamp(.9rem,2vw,1.1rem);font-style:italic;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.content{padding:15px}.title{margin-bottom:15px}.subtitle{margin-bottom:30px}.interactive-button{padding:15px 35px}.info{margin-top:30px}}.app{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh}