*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;line-height:1.6;color:#1a202c;background-color:#f8fafc}.header{background:linear-gradient(90deg,#4a148c,#7b1fa2);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px #0000001a}.header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.logo{font-size:1.5rem;font-weight:700}.nav a{color:#fff;text-decoration:none;margin:0 1rem;font-weight:500;transition:color .3s ease}.nav a:hover{color:#d1c4e9}.main{padding:2rem 1rem;max-width:1200px;margin:0 auto}.about,.skills,.contact{margin-bottom:2rem;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.about h2,.skills h2,.contact h2{margin-bottom:1rem;color:#4a148c}.about p,.contact p{font-size:1.1rem;color:#333;line-height:1.8}.skills ul{list-style:none;padding:0}.skills li{margin-bottom:.5rem;font-size:1rem;color:#555}.footer{background-color:#4a148c;color:#fff;padding:2rem 1rem;text-align:center}.footer .container{max-width:1200px;margin:0 auto}.footer p{margin:1rem 0}.footer .social-icons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.footer .social-icons img{width:30px;height:30px;filter:invert(1) brightness(1.2);transition:transform .3s ease,filter .3s ease}.footer .social-icons img:hover{transform:scale(1.1);filter:invert(1) brightness(1.5)}.footer p a{color:#b39ddb;text-decoration:none}.footer p a:hover{text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(max-width:768px){.nav a{margin:0 .5rem}.about,.skills,.contact{padding:1.5rem}.footer .social-icons img{width:25px;height:25px}}