body{background-color:#f8f9fa;color:#333;font-family:avenir,roboto,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}body.dark-theme{background-color:#1e272e;color:#ecf0f1}main{max-width:900px;margin:0 auto;padding:1rem}.bg-black{min-height:20vh;padding-bottom:1rem;background:linear-gradient(135deg,#1a1a1a 0%,#2c3e50 100%)}.dark-theme .bg-black{background:linear-gradient(135deg,#0f1419 0%,#1c2526 100%)}.tc-l{padding-top:0;margin-top:-.7rem;display:flex;align-items:center;justify-content:center;position:relative;min-height:120px}.f2.f-subheadline-l{font-size:2.5rem;margin-right:120px;color:#ecf0f1}.site-avatar{position:absolute;right:2rem;width:100px;height:100px;border-radius:50%;border:3px solid #fff;overflow:hidden;z-index:10;transition:transform .3s ease}.site-avatar:hover{transform:scale(1.1)}.site-avatar img{width:100%;height:100%;object-fit:cover}nav{z-index:20;position:relative}nav a{color:#ecf0f1;transition:color .3s ease}nav a:hover{color:#3498db}.dark-theme nav a:hover{color:#1abc9c}h2{font-size:1.8rem;color:#2c3e50;margin-bottom:1rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.dark-theme h2{color:#ecf0f1;border-bottom-color:#1abc9c}.experience-item{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:1.5rem 0;padding:1.5rem;transition:box-shadow .3s ease,background-color .3s ease}.dark-theme .experience-item{background:#2c3e50;border-color:#34495e;color:#ecf0f1}.experience-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.experience-item h3{font-size:1.4rem;color:#2c3e50;margin-bottom:.5rem}.dark-theme .experience-item h3{color:#ecf0f1}.experience-item h4{font-size:1.2rem;color:#7f8c8d;margin-bottom:.3rem}.dark-theme .experience-item h4{color:#bdc3c7}.experience-item h5{font-size:1rem;color:#95a5a6;margin-bottom:.5rem}.dark-theme .experience-item h5{color:#95a5a6}.experience-item p{font-size:1rem;color:#34495e;margin-bottom:.5rem}.dark-theme .experience-item p{color:#ecf0f1}.experience-item ul{list-style:disc;margin-left:1.5rem;margin-bottom:1rem}.experience-item ul li{font-size:1rem;color:#34495e;margin-bottom:.3rem}.dark-theme .experience-item ul li{color:#ecf0f1}.education-item{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:1.5rem 0;padding:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem;transition:box-shadow .3s ease,background-color .3s ease}.dark-theme .education-item{background:#2c3e50;border-color:#34495e;color:#ecf0f1}.education-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.education-item .text-content{flex:3;min-width:200px}.education-item .thumbnail{flex:1;min-width:100px;text-align:center}.education-item .thumbnail img{max-width:100%;height:auto;border:1px solid #ddd;border-radius:5px;transition:transform .3s ease}.dark-theme .education-item .thumbnail img{border-color:#34495e}.education-item .thumbnail img:hover{transform:scale(1.05)}.education-item h3{font-size:1.4rem;color:#2c3e50;margin-bottom:.5rem}.dark-theme .education-item h3{color:#ecf0f1}.education-item h4{font-size:1.2rem;color:#7f8c8d;margin-bottom:.3rem}.dark-theme .education-item h4{color:#bdc3c7}.education-item p{font-size:1rem;color:#34495e;margin-bottom:.5rem}.dark-theme .education-item p{color:#ecf0f1}.education-item ul{list-style:disc;margin-left:1.5rem;margin-bottom:1rem}.education-item ul li{font-size:1rem;color:#34495e;margin-bottom:.3rem}.dark-theme .education-item ul li{color:#ecf0f1}.project-item{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:1.5rem 0;padding:1.5rem;transition:box-shadow .3s ease,background-color .3s ease}.dark-theme .project-item{background:#2c3e50;border-color:#34495e;color:#ecf0f1}.project-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.project-item h3{font-size:1.4rem;color:#2c3e50;margin-bottom:.5rem}.dark-theme .project-item h3{color:#ecf0f1}.project-item p{font-size:1rem;color:#34495e;margin-bottom:.5rem}.dark-theme .project-item p{color:#ecf0f1}.project-item ul{list-style:disc;margin-left:1.5rem;margin-bottom:1rem}.project-item ul li{font-size:1rem;color:#34495e;margin-bottom:.3rem}.dark-theme .project-item ul li{color:#ecf0f1}.project-item a{color:#3498db;text-decoration:none;transition:color .3s ease}.dark-theme .project-item a{color:#1abc9c}.project-item a:hover{color:#2980b9;text-decoration:underline}.dark-theme .project-item a:hover{color:#16a085}.skills{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:1.5rem 0;padding:1.5rem;transition:background-color .3s ease}.dark-theme .skills{background:#2c3e50;border-color:#34495e}.skills ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.skills ul li{background:#3498db;color:#fff;padding:.5rem 1rem;border-radius:5px;font-size:.9rem;transition:background .3s ease}.dark-theme .skills ul li{background:#1abc9c}.skills ul li:hover{background:#2980b9}.dark-theme .skills ul li:hover{background:#16a085}.about{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:1.5rem 0;padding:1.5rem;transition:background-color .3s ease}.dark-theme .about{background:#2c3e50;border-color:#34495e;color:#ecf0f1}.about p{font-size:1rem;color:#34495e;line-height:1.8}.dark-theme .about p{color:#ecf0f1}.contacts{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:1.5rem 0;padding:1.5rem;transition:background-color .3s ease}.dark-theme .contacts{background:#2c3e50;border-color:#34495e}.contacts ul{list-style:none;margin:0;padding:0}.contacts ul li{font-size:1rem;color:#34495e;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.dark-theme .contacts ul li{color:#ecf0f1}.contacts ul li i{color:#3498db;font-size:1.2rem}.dark-theme .contacts ul li i{color:#1abc9c}a{color:#3498db;text-decoration:none;transition:color .3s ease}.dark-theme a{color:#1abc9c}a:hover{color:#2980b9;text-decoration:underline}.dark-theme a:hover{color:#16a085}.theme-toggle{position:fixed;top:1rem;right:1rem;background:#3498db;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:background .3s ease}.dark-theme .theme-toggle{background:#1abc9c}.theme-toggle i{font-size:1.2rem}.theme-toggle:hover{background:#2980b9}.dark-theme .theme-toggle:hover{background:#16a085}@media(max-width:768px){.bg-black{min-height:15vh}.f2.f-subheadline-l{font-size:2rem;margin-right:90px}.site-avatar{width:80px;height:80px;right:1rem}.tc-l{min-height:100px}.education-item{flex-direction:column}.education-item .text-content,.education-item .thumbnail{flex:1;width:100%}.education-item .thumbnail{margin-top:1rem}h2{font-size:1.5rem}.experience-item h3,.education-item h3,.project-item h3{font-size:1.2rem}}@media(max-width:480px){main{padding:.5rem}.f2.f-subheadline-l{font-size:1.8rem;margin-right:70px}.site-avatar{width:60px;height:60px}}.tech-icon{font-size:1.2rem;margin-right:.5rem;vertical-align:middle}body.dark-theme .tech-icon{filter:brightness(1.1)}.experience-item p .tech-icon,.project-item p .tech-icon{display:inline-flex;align-items:center}.skills ul li .tech-icon{display:inline-flex;align-items:center}.skills ul li{display:flex;align-items:center;margin-bottom:.5rem}.resume-download{margin-bottom:20px;text-align:right}.resume-download a{color:#007bff;text-decoration:none;font-weight:700}.resume-download a:hover{text-decoration:underline}.resume-download i{margin-right:5px}