:root{--primary-font:'Inter',sans-serif;--background-color:#f5f7fa;--text-color:#333;--header-bg-start:#4CAF50;--header-bg-end:#2196F3;--section-bg:white;--testimonial-bg:#f8f9fa;--border-color:rgba(0,0,0,0.1);--box-shadow:0 4px 8px rgba(0,0,0,0.1);--box-shadow-hover:0 6px 12px rgba(0,0,0,0.15);--border-radius:10px;--transition:transform 0.2s ease,box-shadow 0.2s ease}body{font-family:var(--primary-font);margin:0;padding:0;background-color:var(--background-color);color:var(--text-color)}.profile-image{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:20px auto;border:3px solid #fff;box-shadow:var(--box-shadow)}.profile-image img{width:100%;height:100%;display:block;object-fit:cover}header{background:linear-gradient(to right,var(--header-bg-start),var(--header-bg-end));color:white;text-align:center;padding:1em 0;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid rgba(255,255,255,0.2)}header nav ul{list-style:none;padding:0;display:flex;margin-top:10px;background-color:rgba(255,255,255,0.1);border-radius:25px;padding:10px 20px;box-shadow:0 2px 5px rgba(0,0,0,0.2)}header nav ul li{margin:0 15px}header nav ul li a{color:white;text-decoration:none;padding:10px 15px;border-radius:20px;transition:background-color 0.3s ease;display:block;font-weight:500}header nav ul li a:hover{background-color:rgba(255,255,255,0.3)}.active-nav{background-color:rgba(255,255,255,0.3);font-weight:bold}main{padding:20px}section{margin-bottom:30px;background-color:var(--section-bg);padding:25px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition)}section:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-hover)}.testimonial{background-color:var(--testimonial-bg);padding:20px;border-radius:var(--border-radius);margin:15px 0;box-shadow:var(--box-shadow);border-left:5px solid var(--header-bg-start)}.testimonial .author{text-align:right;font-style:italic;margin-top:10px;color:#555}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.photo-grid img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:transform 0.2s ease}.photo-grid img:hover{transform:scale(1.05)}h1,h2{margin-bottom:.5em;color:var(--text-color);font-weight:600}h1{font-size:2.5em}h2{font-size:1.75em;border-bottom:2px solid var(--header-bg-start);padding-bottom:5px;display:inline-block}p{line-height:1.6;margin-bottom:1em}footer{text-align:center;padding:15px 0;background-color:#e0f2f7;border-top:1px solid var(--border-color)}.project{margin-bottom:20px;padding-left:10px;border-left:3px solid var(--header-bg-end)}.project h3{margin-bottom:.2em;font-size:1.2em;color:var(--header-bg-end)}.project-date{font-style:italic;color:#777;margin-bottom:.5em}.language-switcher{margin-top:10px}.language-switcher button{background-color:rgba(255,255,255,0.2);color:white;border:none;padding:5px 10px;margin:0 5px;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease;font-size:1.2em}.language-switcher button:hover{background-color:rgba(255,255,255,0.4)}.language-switcher .active-language{background-color:rgba(255,255,255,0.4);border:2px solid white}@media (max-width:768px){.profile-image,header nav ul,header nav ul li a,section,.photo-grid{box-shadow:none;border-radius:0;transition:none}.profile-image{width:100px;height:100px;margin:10px auto}header{padding:.5em 0}header nav ul{flex-direction:column;align-items:center;margin-top:5px;background-color:transparent;padding:0}header nav ul li{margin:5px 0}main,section{padding:15px}section{margin-bottom:20px}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.testimonial{border-left:none}h1{font-size:2em}h2{font-size:1.5em}.project{border-left:none;padding-left:0}}
