body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4}.mobile-menu-button{display:block;position:fixed;top:15px;left:15px;z-index:100;background-color:#222;color:#fff;border:none;font-size:18px;width:30px;height:30px;border-radius:4px;cursor:pointer}.navbar{width:250px;height:100vh;background-color:#222;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:2rem;position:fixed;z-index:90;transition:transform .3s ease-in-out}.navbar img{width:100px;height:100px;border-radius:50%;margin-bottom:1rem}.navbar h1{font-size:1.2rem;margin-bottom:.25rem}.navbar p{color:#aaa;margin-bottom:2rem}.navbar a,.navbar button{background:none;border:none;color:#fff;margin:.5rem 0;cursor:pointer;font-size:1rem;width:100%;text-align:center;padding:.5rem 1rem;text-decoration:none;display:block}.navbar a:hover,.navbar button:hover{color:#0ff;background-color:#ffffff1a}.navbar a.active{color:#0ff;border-left:3px solid cyan;background-color:#ffffff0d}.navbar.mobile-closed{transform:translate(-100%)}.navbar.mobile-open{transform:translate(0)}@media (min-width: 768px){.mobile-menu-button{display:none}.navbar{transform:translate(0)!important}.content{margin-left:250px}}.content{padding:2rem;width:100%;box-sizing:border-box}.section-title{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #eee}.about-content{display:flex;flex-direction:column;gap:2rem}.about-image{width:150px;height:150px;object-fit:cover;align-self:center}.about-details{margin-top:1rem;background:#f8f9fa;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.skill-item{margin-bottom:1.5rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-bar{height:10px;background:#e9ecef;border-radius:5px;overflow:hidden}.skill-progress{height:100%;background:#3498db}.timeline{position:relative;padding-left:1.5rem}.timeline:before{content:"";position:absolute;left:0;top:0;height:100%;width:2px;background:#dee2e6}.timeline-item{position:relative;padding-bottom:2rem}.timeline-item:before{content:"";position:absolute;left:-1.7rem;top:.3rem;width:12px;height:12px;border-radius:50%;background:#3498db;border:2px solid white}.company{color:#6c757d;margin:.3rem 0}.achievements{margin-top:.5rem;padding-left:1.2rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.achievement-item{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.achievement-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.achievement-icon{font-size:2rem;margin-bottom:1rem}.certification-item{background:#fff;padding:1.5rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.certification-meta{display:flex;gap:1rem;color:#6c757d;margin:.5rem 0}.credential{font-family:monospace;font-size:.9rem;color:#495057}@media (min-width: 768px){.about-content{flex-direction:row;align-items:flex-start}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:1.5rem}.skills-column{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.skills-column h3{color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.skills-list{display:flex;flex-direction:column;gap:.5rem}.skill-item{background:#f8f9fa;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease}.skill-item:hover{background:#e9ecef;transform:translate(5px)}.weather-widget{color:#fff;position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#4b6cb7,#6b48c8);padding:10px 15px;border-radius:10px;box-shadow:0 2px 10px #0000001a;font-size:.9rem;z-index:100;display:flex;align-items:center;gap:10px}@media (max-width: 768px){.weather-widget{font-size:.6rem;padding:0 10px;gap:5px}}.weather-city{font-weight:700;margin:0}.weather-temp{font-size:1.2rem;font-weight:700}.weather-desc{margin:0;text-transform:capitalize}.weather-icon{width:50px;height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-widget.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.web-link{color:#3498db;text-decoration:none;transition:color .2s ease}