body{font-family:Inter,sans-serif;line-height:1.7;margin:0;padding:0;background-color:#f8f9fa;color:#2d3748}header{background-color:#101b26;background-image:linear-gradient(180deg,rgba(9,14,20,.15),rgba(9,14,20,.35) 55%,rgba(9,14,20,.7)),url(/header-skyline.webp);background-size:cover;background-position:bottom;background-repeat:no-repeat;color:#fff;padding:4rem 0 3rem;text-align:center}.avatar{width:150px;height:150px;border-radius:50%;margin-bottom:1.5rem;border:4px solid rgba(255,255,255,.2);box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.avatar:hover{transform:scale(1.05)}header h1{margin:0;font-weight:600;font-size:2.5rem;letter-spacing:-.5px}header p{margin:.5rem 0 0;font-size:1.25rem;opacity:.9;color:#dfe0e1}nav{background:rgba(255,255,255,.95);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:3rem}nav a{color:#2d3748;text-decoration:none;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .3s ease}nav a:hover{color:#3498db;border-bottom-color:#3498db}main{padding:3rem 2rem;max-width:800px;margin:auto}section{background:#fff;padding:2rem;margin:2rem 0;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .3s ease}section:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}section h2{margin-top:0;font-size:1.75rem;letter-spacing:-.5px;border-bottom:2px solid #e2e8f0;padding-bottom:.75rem;margin-bottom:1.5rem}section h2,section h3{color:#2c3e50;font-weight:600}section h3{font-size:1.35rem;margin-top:2rem;margin-bottom:1rem}section h4{color:#2c3e50;font-size:1.15rem;font-weight:500;margin-top:1.5rem;margin-bottom:.75rem}p{margin:1rem 0}p,ul{color:#4a5568}ul{padding-left:1.5rem;margin-top:.75rem;margin-bottom:.75rem}ul li{margin-bottom:.5rem}footer{text-align:center;padding:2rem 0;background:#2c3e50;color:#fff;margin-top:3rem}footer p{color:rgba(255,255,255,.8);margin:0}footer .social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}footer .social-link{display:inline-block}footer .social-link img{width:auto;height:24px;vertical-align:middle;opacity:.8;transition:opacity .3s ease}footer .social-link:hover img{opacity:1}a{color:#3498db;text-decoration:none;transition:color .3s ease}a:hover{color:#2980b9}@media (max-width:600px){header{background-size:contain}}@media (max-width:768px){header{padding:2rem 0}.avatar{width:120px;height:120px}header h1{font-size:2rem}nav ul{gap:1.5rem}main{padding:2rem 1rem}section{padding:1.5rem}}