body{margin:0;font-family:Poppins,sans-serif;background-color:#f4f4f9;color:#333;line-height:1.6}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:#070432}header{background-color:#fff;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:100}header nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}header nav h1{font-size:1.75rem;font-weight:700;color:#0b0930}header nav ul{list-style:none;display:flex;gap:1.5rem}header nav ul li a{font-weight:500;padding:.5rem 1rem;border-radius:.375rem}header nav ul li a:hover{background-color:#e0e7ff}#hero{background:linear-gradient(to right,#2b2b3c,#9873d7);color:#fff;text-align:center;padding:6rem 2rem;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}#hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem}#hero p{font-size:1.25rem;margin-bottom:2rem}#hero button{background-color:#22c55e;color:#fff;padding:.75rem 2rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}#hero button:hover{background-color:#16a34a}#about{padding:4rem 2rem;max-width:1000px;margin:0 auto}#about h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#383665}#about p{text-align:justify;line-height:1.8;color:#555}#projects{background-color:#f9fafb;padding:4rem 2rem}#projects h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#383665}#projects .grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}#projects .grid .card{background-color:#fff;border-radius:1rem;box-shadow:0 6px 15px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;text-align:center}#projects .grid .card:hover{transform:translateY(-10px);box-shadow:0 12px 25px #00000026}#projects .grid .card h3{font-size:1.5rem;margin-bottom:1rem;color:#383665}#contact{padding:4rem 2rem;max-width:700px;margin:0 auto}#contact h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#383665}#contact form{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 6px 15px #0000001a}#contact form .field{margin-bottom:1.5rem}#contact form .field label{display:block;font-size:.875rem;margin-bottom:.5rem;color:#555}#contact form .field input,#contact form .field textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem}#contact form button{background-color:#383665;color:#fff;padding:.75rem 2rem;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:background-color .3s ease}#contact form button:hover{background-color:#383665}footer{background-color:#1f2937;color:#fff;text-align:center;padding:2rem 1rem;font-size:.875rem}footer p{margin:0}