* { margin:0; padding:0; box-sizing:border-box }
body { font-family:Arial,sans-serif; line-height:1.6; color:#333 }
header { background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1); padding:15px 5%; position:sticky; top:0; z-index:1000 }
nav { display:flex; justify-content:space-between; align-items:center }
.logo a { text-decoration:none; color:#2c3e50; font-size:24px; font-weight:bold }
.logo .name { color:#e74c3c }
.nav-links { display:flex; list-style:none }
.nav-links li { margin-left:30px }
.nav-links a { text-decoration:none; color:#2c3e50; font-weight:500; transition:all 0.3s }
.nav-links a:hover { color:#e74c3c }
.hero { background:#f8f9fa; padding:80px 5%; display:flex; align-items:center; gap:50px }
.hero-content h1 { font-size:42px; margin-bottom:20px; color:#2c3e50 }
.subtitle { font-size:18px; color:#7f8c8d; margin-bottom:30px }
.btn-primary { display:inline-block; background:#e74c3c; color:#fff; padding:12px 30px; text-decoration:none; border-radius:5px; font-weight:bold; margin-right:15px }
.btn-secondary { background:transparent; color:#e74c3c; border:2px solid #e74c3c; padding:10px 25px; border-radius:5px; text-decoration:none }
.hero-image img { max-width:100%; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,0.1) }
.about-me { padding:80px 5%; max-width:1200px; margin:0 auto }
.about-me h2 { text-align:center; font-size:36px; margin-bottom:50px; color:#2c3e50 }
.about-content { display:flex; gap:50px; align-items:center }
.about-text p { margin-bottom:15px; font-size:17px }
.about-image img { max-width:100%; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,0.1) }
.interests { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px }
.interest { background:#ecf0f1; padding:5px 15px; border-radius:20px; font-size:14px }
footer { background:#2c3e50; color:#fff; padding:60px 5% 30px; margin-top:80px }
.footer-content { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:40px }
.footer-links ul { list-style:none; margin-top:15px }
.footer-links ul li { margin-bottom:10px }
.footer-links ul li a { color:#bdc3c7; text-decoration:none; transition:all 0.3s }
.footer-links ul li a:hover { color:#e74c3c; padding-left:5px }
.footer-social .social-links { display:flex; flex-direction:column; gap:10px; margin:20px 0 }
.footer-social .social-links a { color:#fff; text-decoration:none; font-weight:500 }
.footer-bottom { text-align:center; padding-top:20px; border-top:1px solid #34495e; margin-top:30px; color:#bdc3c7; font-size:14px }
@media (max-width:768px) {
    .hero, .about-content { flex-direction:column; text-align:center }
    .hero-content { margin-bottom:30px }
    .cta-buttons { justify-content:center; flex-wrap:wrap }
    .nav-links { display:none }
}