*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#1f2937;background:#fff;line-height:1.7;overflow-x:hidden}:root{--purple-main: #6d5dfc;--purple-gradient: linear-gradient(120deg, #6d5dfc, #8c77ff);--gray-700: #4b5563;--gray-300: #d1d5db;--white: #ffffff}h1,h2,h3,h4{font-weight:800;color:#1f2937}p{font-size:1rem;color:var(--gray-700)}section{padding:5rem 2rem}.container{max-width:1200px;margin:0 auto;position:relative}.header{position:sticky;top:0;background-color:#d1d5dbaa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-300);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;z-index:10}.header .logo{display:flex;align-items:center}.header .logo img{height:28px;width:auto;display:block}.header nav a{margin-left:1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;color:var(--gray-700);position:relative;padding-bottom:.2rem;transition:.3s ease}.header nav a:hover{color:var(--purple-main)}.header nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--purple-main);transform:scaleX(0);transform-origin:left;transition:.3s ease}.header nav a:hover:after{transform:scaleX(1)}.hero{background:var(--purple-gradient);color:var(--white);text-align:center;padding:8rem 2rem;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.hero h2{font-size:3rem;margin-bottom:1rem;letter-spacing:.05em;animation:fadeInUp 1s ease;color:#fff}.hero p{font-size:1.2rem;opacity:.9;margin-bottom:2rem;animation:fadeInUp 1.2s ease}.hero .btn{padding:1rem 2rem;background:var(--white);color:var(--purple-main);font-weight:700;border-radius:8px;transition:.3s ease}.hero .btn:hover{background:#f9f9f9;transform:translateY(-3px)}.features-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem}.feature{background:#fff;padding:2.5rem 2rem;border-radius:18px;border:1px solid var(--gray-300);text-align:center;transform:translateY(0);transition:.3s ease}.feature:hover{transform:translateY(-10px);box-shadow:0 15px 30px #6d5dfc26}.feature h3{font-size:1.4rem;margin-bottom:.8rem;color:var(--purple-main)}.about-section{background:#f9fafb}.about-section h2{font-size:2rem;margin-bottom:1rem}.about-section p{font-size:1rem;color:var(--gray-700)}.contact-section{background:var(--white)}.contact-section h2{font-size:2.2rem;text-align:center;margin-bottom:1.8rem}.contact-section form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:1.4rem}.contact-section input,.contact-section textarea{border:1px solid var(--gray-300);padding:1rem 1.2rem;border-radius:8px;font-size:1rem;transition:.2s ease}.contact-section input:focus,.contact-section textarea:focus{border-color:var(--purple-main);box-shadow:0 0 0 3px #6d5dfc26}.contact-section button{background:var(--purple-main);color:var(--white);padding:1rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s ease}.contact-section button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #6d5dfc40}.footer{text-align:center;padding:1.5rem;font-size:.9rem;color:var(--gray-700);background:#fafafa}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero h2{font-size:2.3rem}.header nav a{font-size:.85rem}}