body{margin:0;font-family:Segoe UI,sans-serif;background:#f9f9f9;color:#333;line-height:1.6;scroll-behavior:smooth}.header{background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff;padding:10px 30px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;border-radius:0 0 12px 12px;box-shadow:0 5px 20px #0003}.logo{font-size:24px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform .3s}.logo:hover{transform:scale(1.05);color:#ff9a8b}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;cursor:pointer;z-index:200}.hamburger span{display:block;height:3px;width:100%;background:#fff;border-radius:2px;transition:all .4s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav{display:flex;gap:20px}.nav-link{list-style:none;display:flex;gap:20px}.nav-link li a{color:#fff;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:10px;transition:all .3s ease;background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.2) 50%);background-size:200% 100%;background-position:right bottom}.nav-link li a:hover{background-position:left bottom;transform:scale(1.08);color:#fff}.hero{height:520px;width:100%;display:flex;align-items:center;justify-content:center;border-radius:15px;background-size:cover;background-position:center;position:relative;transition:background-image 1.2s ease-in-out}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;border-radius:15px}.hero-text{position:relative;z-index:10;color:#fff;text-align:center;max-width:650px;animation:fadeIn 1.5s ease forwards}.hero-text h2{font-size:2.8rem;font-weight:700;margin-bottom:15px;text-shadow:1px 1px 8px rgba(0,0,0,.4)}.hero-text p{font-size:1.3rem;margin-bottom:25px;text-shadow:1px 1px 6px rgba(0,0,0,.4)}.hero-text button{padding:14px 35px;border-radius:50px;border:none;background:linear-gradient(135deg,#ff6f61,#ff9a8b);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s ease;box-shadow:0 5px 15px #0003}.hero-text button:hover{transform:scale(1.08);background:linear-gradient(135deg,#ff9a8b,#ffb5a1);box-shadow:0 8px 20px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section h3{font-size:2.5rem;margin-bottom:40px;text-align:center;font-weight:700;color:#6a11cb;letter-spacing:1px}.test-grid,.about-grid,.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;padding:0 20px}.test-card,.about-card,.feature-card{padding:25px 20px;border-radius:20px;transition:all .4s ease;cursor:pointer;box-shadow:0 6px 18px #0000001a}.test-card{background:#fff}.test-card h4{color:#ff6f61;margin-bottom:12px;text-transform:uppercase}.test-card p{color:#555}.test-card:hover{background:linear-gradient(135deg,#ff6f61,#ffe0db);transform:translateY(-10px) scale(1.03);box-shadow:0 12px 25px #0003}.about-card{background:#fff;text-align:center}.about-card h4{color:#2575fc;margin-bottom:12px}.about-card p{color:#555}.about-card:hover{transform:translateY(-12px) rotate(-1deg) scale(1.03);background:linear-gradient(135deg,#fff3e6,#ffe6d9);box-shadow:0 14px 30px #00000040}.feature-card{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff}.feature-card h4,.feature-card p{color:#fff}.feature-card:hover{transform:translateY(-10px) scale(1.05);background:linear-gradient(135deg,#2575fc,#6a11cb);box-shadow:0 14px 35px #0000004d}.cta-section{background:linear-gradient(135deg,#6a11cb,#2575fc);padding:60px 20px;border-radius:15px;text-align:center;color:#fff}.cta-section button{background:linear-gradient(135deg,#ff6f61,#ff9a8b);border-radius:50px;border:none;padding:14px 35px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s ease}.cta-section button:hover{background:linear-gradient(135deg,#ff9a8b,#ffb5a1);transform:scale(1.08);box-shadow:0 8px 20px #00000040}.contact-section{padding:60px 20px;text-align:center}.contact-section h3{font-size:2.5rem;margin-bottom:40px;color:#2d8a4d}.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form textarea{padding:16px;border-radius:15px;border:1px solid #ccc;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{border:2px solid #28a745;box-shadow:0 5px 15px #28a74533;outline:none}.contact-form button{background:linear-gradient(135deg,#28a745,#5cd65c);border-radius:50px;padding:16px;border:none;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.contact-form button:hover{transform:scale(1.05);background:linear-gradient(135deg,#5cd65c,#28a745)}.footer{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;text-align:center;padding:30px 20px;border-radius:15px 15px 0 0}.footer-brand{font-size:1.8rem;font-weight:700;color:#ff6f61;margin-bottom:20px}.social-icons{display:flex;justify-content:center;gap:25px;margin-bottom:20px}.social-icons img{width:35px;height:35px;border-radius:50%;border:2px solid #ff6f61;padding:6px;transition:all .4s ease}.social-icons img:hover{transform:scale(1.2) rotate(10deg);box-shadow:0 5px 20px #0000004d}@media screen and (max-width: 768px){.hamburger{display:flex}.nav{position:absolute;top:70px;right:0;background:#6a11cb;width:100%;max-height:0;overflow:hidden;flex-direction:column;transition:max-height .4s ease;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.nav.nav-open{max-height:300px}.nav-link{flex-direction:column;gap:20px;padding:20px}.nav-link li a{font-size:1.3rem}}