html,body,#root{height:100%;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0e27;color:#fff;overflow-x:hidden;line-height:1.6}.animation-wrapper{position:fixed;top:0;left:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;z-index:0;pointer-events:none;transition:all 3s cubic-bezier(.25,.46,.45,.94)}.animation-wrapper.left{left:0;width:50%}.animation-wrapper.right{left:50%;width:50%}.section{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:60px;flex-direction:row;gap:40px}.content{width:50%;z-index:5;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.content.left{padding-right:40px;text-align:left}.content.right{padding-left:40px;text-align:right;margin-left:50%}h2{font-size:3em;margin-bottom:20px;background:linear-gradient(135deg,#64b5f6,#81c784);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-1px}p{font-size:1.1em;line-height:1.8;color:#b0b0b0;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:400px;margin:0 auto}.form-group input,.form-group textarea{padding:12px 15px;border:2px solid #64b5f6;background:#64b5f61a;color:#fff;border-radius:5px;font-family:inherit;font-size:1em;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#81c784;background:#81c7841a;box-shadow:0 0 10px #81c7844d}.submit-btn{padding:12px 30px;background:linear-gradient(135deg,#64b5f6,#81c784);border:none;color:#000;font-weight:700;border-radius:5px;cursor:pointer;font-size:1em;transition:all .3s ease;margin-top:10px}.submit-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #64b5f680}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.planets-container,.circles-container{position:relative;width:280px;height:280px;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.circle{position:absolute;border-radius:50%;filter:drop-shadow(0 0 15px rgba(0,0,0,.5));opacity:.85;transition:opacity 1s ease,transform .6s ease}.circles-container.anim1 .circle1,.circles-container.anim4 .circle1{animation:orbit1-triangle 12s linear infinite}.circles-container.anim1 .circle2,.circles-container.anim4 .circle2{animation:orbit2-triangle 12s linear infinite}.circles-container.anim1 .circle3,.circles-container.anim4 .circle3{animation:orbit3-triangle 12s linear infinite}.circles-container.anim2 .circle1{animation:orbit1-wide 14s linear infinite}.circles-container.anim2 .circle2{animation:orbit2-wide 14s linear infinite}.circles-container.anim2 .circle3{animation:orbit3-wide 14s linear infinite}.circles-container.anim3 .circle1{animation:orbit1-mirror 12s linear infinite}.circles-container.anim3 .circle2{animation:orbit2-mirror 12s linear infinite}.circles-container.anim3 .circle3{animation:orbit3-mirror 12s linear infinite}@keyframes orbit1-triangle{0%{left:50%;top:30%;transform:translate(-50%)}33%{left:28%;top:65%;transform:translateY(-50%)}66%{left:72%;top:65%;transform:translate(-100%,-50%)}to{left:50%;top:30%;transform:translate(-50%)}}@keyframes orbit2-triangle{0%{left:70%;top:50%;transform:translate(-50%,-50%)}33%{left:50%;top:30%;transform:translate(-50%)}66%{left:30%;top:50%;transform:translateY(-50%)}to{left:70%;top:50%;transform:translate(-50%,-50%)}}@keyframes orbit3-triangle{0%{left:30%;top:50%;transform:translateY(-50%)}33%{left:72%;top:65%;transform:translate(-100%,-50%)}66%{left:50%;top:30%;transform:translate(-50%)}to{left:30%;top:50%;transform:translateY(-50%)}}@keyframes orbit1-wide{0%{left:50%;top:10%;transform:translate(-50%)}33%{left:15%;top:80%;transform:translateY(-50%)}66%{left:85%;top:80%;transform:translate(-100%,-50%)}to{left:50%;top:10%;transform:translate(-50%)}}@keyframes orbit2-wide{0%{left:70%;top:40%;transform:translate(-50%,-50%)}33%{left:30%;top:20%;transform:translateY(-50%)}66%{left:50%;top:80%;transform:translate(-50%)}to{left:70%;top:40%;transform:translate(-50%,-50%)}}@keyframes orbit3-wide{0%{left:30%;top:60%;transform:translateY(-50%)}33%{left:80%;top:30%;transform:translate(-100%)}66%{left:50%;top:85%;transform:translate(-50%,-50%)}to{left:30%;top:60%;transform:translateY(-50%)}}@keyframes orbit1-mirror{0%{right:30%;top:30%;transform:translate(0)}33%{right:72%;top:65%;transform:translate(100%,-50%)}66%{right:28%;top:65%;transform:translateY(-50%)}to{right:30%;top:30%;transform:translate(0)}}@keyframes orbit2-mirror{0%{right:70%;top:50%;transform:translate(50%,-50%)}33%{right:30%;top:30%;transform:translate(0)}66%{right:70%;top:50%;transform:translate(100%,-50%)}to{right:70%;top:50%;transform:translate(50%,-50%)}}@keyframes orbit3-mirror{0%{right:70%;top:50%;transform:translate(100%,-50%)}33%{right:28%;top:65%;transform:translateY(-50%)}66%{right:30%;top:30%;transform:translate(0)}to{right:70%;top:50%;transform:translate(100%,-50%)}}@media(max-width:1024px){.section{flex-direction:column;justify-content:center;padding:40px 20px;gap:20px}.content{width:100%;text-align:center;margin:0;padding:0}.animation-wrapper{position:absolute;top:10%;left:50%;transform:translate(-50%);width:100%;height:50vh;opacity:.6}.planets-container,.circles-container{width:180px;height:180px}h2{font-size:2em}p{font-size:1em}.contact-form{max-width:90%}}@media(max-width:480px){.animation-wrapper{top:5%;height:40vh;opacity:.5}.planets-container,.circles-container{width:140px;height:140px}h2{font-size:1.6em}p{font-size:.95em}}