body{font-family:Arial,sans-serif;margin:0;padding:0}.header{background-color:#282c34;color:#fff;padding:2rem;text-align:center}section{padding:2rem;margin:1rem;border-bottom:1px solid #ddd}h2{margin-bottom:1rem}.projects ul{list-style:none;padding:0}.projects li{margin-bottom:.5rem}a{color:#61dafb;text-decoration:none}a:hover{text-decoration:underline}.footer{text-align:center;padding:1rem;background-color:#f4f4f4}.header{background-color:#f9f7ff;color:#9d86e9;text-align:center;padding:3rem 1rem}.animate-fade{animation:fadeIn 1s ease-in-out forwards}.animate-fade-delay{animation:fadeIn 1.5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.about{padding:4rem 1rem;background-color:#f9f7ff;color:#4b3f72}.about-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1000px;margin:0 auto;gap:2.5rem;align-items:flex-start;animation:fadeIn 1s ease-in-out forwards}.about-intro{flex:2 1 500px}.about-intro h2{font-size:2.2rem;margin-bottom:1.5rem;border-bottom:3px solid #d3c5f7;display:inline-block}.about-intro p{font-size:1.1rem;line-height:1.8;margin-bottom:1rem}.highlight{color:#7f5af0;font-weight:700}.about-info{flex:1 1 300px;background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 25px #00000014;transition:transform .3s ease,box-shadow .3s ease}.about-info ul{list-style:none;padding:0;margin:0}.about-info li{margin-bottom:1.2rem;font-size:1rem}.about-info li strong{width:90px;display:inline-block;color:#7f5af0}.about-info:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000001f}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.about-container{flex-direction:column}.about-intro,.about-info{flex:1 1 100%}}.skills{padding:2rem;background-color:#f9f7ff}.skills h2{margin-bottom:1rem;border-bottom:2px solid #d3c5f7;display:inline-block}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem}.skill-card{display:flex;flex-direction:column;align-items:center;background:#fff;padding:1rem;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.skill-card img{width:50px;height:50px;margin-bottom:.5rem}.skill-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #0000001a}.projects{padding:2rem;background-color:#fff}.projects h2{margin-bottom:1rem;border-bottom:2px solid #d3c5f7;display:inline-block}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.project-card{background-color:#f9f7ff;border-radius:10px;overflow:hidden;text-align:center;padding-bottom:1rem;transition:transform .3s ease,box-shadow .3s ease}.project-card img{width:100%;height:150px;object-fit:cover}.project-card h3{margin:.5rem 0;color:#4b3f72}.project-card a{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background-color:#d3c5f7;color:#fff;border-radius:5px;text-decoration:none}.project-card a:hover{background-color:#b9a6f0}.project-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #0000001a}.animate-fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .6s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}