*{margin:0;box-sizing:border-box;padding:0}body{background:linear-gradient(to right,#5f2c82,#49a09d);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.main-container{width:100%;display:flex;flex-direction:column;gap:6rem;padding:3rem 2rem;color:#fff;background:linear-gradient(to right,#5f2c82,#49a09d)}.section{text-align:center;padding:4rem 1rem;max-width:1100px;margin:0 auto;width:100%}.alt-bg{background:#ffffff08;border-radius:20px;padding:5rem 2rem}.section h2{font-size:2.5rem;margin-bottom:1.5rem;color:#00e0ff}.section p{margin-bottom:1.5rem}.hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10rem;max-width:1200px;margin:0 auto}form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:linear-gradient(135deg,#3d8aa1,#9fd1dd);padding:30px;border-radius:15px;box-shadow:0 0 20px #1f5f8580;max-width:500px;margin:50px auto;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}form div{display:flex;flex-direction:column;width:100%;gap:5px}form label{font-weight:700;font-size:14px}form input,form textarea{padding:10px;border-radius:8px;border:2px solid #3f618f;background:#ffffff1a;color:#fff;font-size:14px;outline:none;width:100%;transition:.3s}form input:focus,form textarea:focus{border-color:#f7f;box-shadow:0 0 10px #ff77ff80;background:#ffffff26}form textarea{resize:vertical;min-height:100px}form button{padding:12px 25px;border:none;border-radius:12px;background:linear-gradient(135deg,#b84dff,#6a0dad);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 0 15px #ba55d399;transition:.3s}form button:hover{transform:translateY(-2px);box-shadow:0 0 25px #ba55d3cc}form p{margin-top:10px;font-weight:700}.text-section{flex:1;max-width:600px}.title{font-size:2.8rem;font-weight:800;background:linear-gradient(90deg,#00e0ff,#ff00d4,#0f9);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientMove 6s ease infinite}.subtitle{font-size:1.8rem;margin:.5rem 0 1rem;color:#eee;margin-top:15px}.description{font-size:1.1rem;color:#ccc;line-height:1.6}.socials{display:flex;gap:1.2rem;margin-top:1.5rem;font-size:2rem}.socials a{color:#fff;transition:color .3s,transform .3s}.socials a:hover{color:#00e0ff;transform:scale(1.2)}.img-container img{width:320px;transition:transform .3s ease}.img-container img:hover{transform:scale(1.05)}.tech-icons{display:flex;justify-content:center;gap:2.5rem;font-size:2.5rem;flex-wrap:wrap}.tech-icons svg{cursor:pointer;transition:transform .3s,color .3s}.tech-icons svg:hover{transform:scale(1.3);color:#ff00d4}.cards{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin-top:3rem}.card{background:#ffffff0d;padding:2rem;border-radius:15px;width:300px;text-align:center;transition:transform .3s,box-shadow .3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card:hover{transform:translateY(-12px);box-shadow:0 0 25px #00e0ff80}.card h3{margin-top:1rem;color:#00e0ff}.btn-contact{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3d8aa1,#9fd1dd);color:#000;padding:1rem 2rem;border-radius:30px;text-decoration:none;font-weight:700;transition:transform .3s,box-shadow .3s;margin-top:1rem}.btn-contact:hover{transform:scale(1.08);box-shadow:0 0 25px #00e0ffb3}.btn{display:inline-block;text-decoration:none;border:2px solid #c86fff;padding:10px 20px;border-radius:12px;outline:none;background:linear-gradient(135deg,#b374ee,indigo);color:#fff;font-weight:700;letter-spacing:1px;box-shadow:0 0 10px #be63f7cc,0 0 20px #be63f7cc;transition:all .3s ease;cursor:pointer}.btn:hover{background:linear-gradient(135deg,#8962a3,#a476c5);box-shadow:0 0 20px #db90ee,0 0 40px #d68de9cc;transform:translateY(-2px)}.btn:active{transform:scale(.95)}.btn:focus{outline:none}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 900px){.hero{flex-direction:column;text-align:center}.title{font-size:2.2rem}.subtitle{font-size:1.3rem}.img-container img{width:250px}}.header-container{width:85%;background:linear-gradient(to right,#5f2c82,#49a09d);color:#fff;margin:2rem auto 0;border-radius:20px;padding:1rem 2rem;border:solid,black;box-shadow:0 0 20px #00e0ff4d}.container-start{display:flex;gap:4rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(90deg,#00e0ff,#ff00d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-buttons{display:flex;align-items:center;justify-content:center;gap:2rem}.container-buttons a{font-weight:700;text-decoration:none;color:#fff;position:relative;transition:all .3s ease}.container-buttons a:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:2px;background:#00e0ff;transition:width .3s ease}.container-buttons a:hover{color:#00e0ff}.container-buttons a:hover:after{width:100%}@media (max-width: 768px){.header-container{width:95%;padding:.8rem 1rem}.logo{font-size:1.5rem;text-align:center;margin-bottom:.5rem}.container-start{flex-direction:column;gap:1rem}.container-buttons{gap:1rem;flex-wrap:wrap}.container-buttons a{font-size:.95rem}}@media (max-width: 480px){.container-buttons a{font-size:.85rem}.header-container{margin-top:1rem;border-radius:10px}}
