*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow:hidden;height:100%}body{background:radial-gradient(ellipse at center,#e0f4ff 0,#87ceeb 30%,#4a90e2 70%,#3a7bc8 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.main-container{position:relative;width:100vw;height:100vh;overflow:hidden}.cloud-field{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;perspective:800px;perspective-origin:50% 50%;transform-style:preserve-3d}.cloud-container{position:absolute;transform:translate(-50%,-50%) translateZ(var(--initial-z,0)) scale(var(--initial-scale,.1));pointer-events:none;filter:blur(0);transform-style:preserve-3d;will-change:transform,opacity,filter;animation:warp3D 8s linear infinite}@keyframes warp3D{0%{transform:translate(-50%,-50%) translateZ(800px);opacity:0}50%{opacity:1;transform:translate(-50%,-50%) translateZ(400px)}to{transform:translate(-50%,-50%) translateZ(0);opacity:0}}.content-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.message-bar{position:fixed;bottom:0;left:0;right:0;padding:20px;background:transparent;z-index:20}.message-input-container{max-width:800px;margin:0 auto;position:relative;display:flex;align-items:center}.message-input{flex:1 1;padding:14px 60px 14px 20px;border:2px solid hsla(0,0%,100%,.4);border-radius:25px;background:hsla(0,0%,100%,.9);color:#2e5c8a;font-size:16px;outline:none;transition:all .3s ease;width:100%}.message-input::placeholder{color:rgba(46,92,138,.5)}.message-input:focus{border-color:hsla(0,0%,100%,.8);background:#fff;box-shadow:0 4px 12px rgba(74,144,226,.2)}.message-send-btn{position:absolute;right:8px;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#3a7bc8);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(74,144,226,.3)}.message-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(74,144,226,.4);background:linear-gradient(135deg,#5aa0f2,#4a8bd8)}.message-send-btn:active{transform:scale(.95)}.message-send-btn svg{width:20px;height:20px}.title{font-size:4rem;font-weight:700;margin-bottom:1rem;animation:fadeInUp 1s ease-out}.subtitle{font-size:1.5rem;opacity:.9;animation:fadeInUp 1s ease-out .3s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.flying-cloud-wrapper{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;pointer-events:none;animation:flyToCenter 8s ease-out forwards}.flying-cloud-content{position:relative;display:flex;align-items:center;justify-content:center}.flying-cloud-image{width:200px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.flying-cloud-text{position:absolute;color:#2e5c8a;font-weight:600;font-size:18px;text-align:center;max-width:150px;text-shadow:0 1px 2px hsla(0,0%,100%,.8);word-break:keep-all;padding:0 20px}@keyframes flyToCenter{0%{transform:translateX(-50%) translateY(0) translateZ(0) scale(.3);opacity:0}15%{opacity:1}50%{transform:translateX(-50%) translateY(-40vh) translateZ(200px) scale(1);opacity:1}to{transform:translateX(-50%) translateY(-50vh) translateZ(1000px) scale(.2);opacity:0}}.message-input-container{transition:all .5s ease-out}.message-input-container.transforming{transform:scale(.5);opacity:0}@media (max-width:768px){.title{font-size:2.5rem}.subtitle{font-size:1rem}.message-bar{padding:15px}.message-input{font-size:14px;padding:12px 50px 12px 16px}.message-send-btn{width:36px;height:36px}.message-send-btn svg{width:18px;height:18px}.flying-cloud-image{width:150px}.flying-cloud-text{font-size:14px;max-width:100px}}