body{margin:0;font-family:Helvetica Neue,sans-serif}.nav-bar{position:fixed;top:0;left:0;width:100%;z-index:999;background:#000;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px #0000004d;box-sizing:border-box;height:70px}.main-header{height:60px}.nav-title{font-weight:700;font-size:16px;cursor:pointer;color:#fff;z-index:2}.nav-buttons{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:40px}.nav-bar button{background:none;border:none;color:#fff;font-size:14px;letter-spacing:2px;cursor:pointer;text-transform:uppercase;padding:8px 12px;position:relative;transition:color .3s ease}.nav-bar button:hover{color:#00bfff}.nav-bar button:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:#00bfff;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.nav-bar button:hover:after{transform:scaleX(1)}.hero{text-align:center;background:linear-gradient(to bottom,#fff 50%,#e8f0f7 50%);padding:30px 20px;position:relative;font-size:16px;letter-spacing:2px;font-weight:500;margin:16px 0}.hero-img-wrapper{margin:10px auto;width:250px;height:250px;border-radius:50%;overflow:hidden;position:relative;z-index:1;border:9px solid white}.hero-img{width:100%;height:100%;object-fit:cover}.contact-links{display:flex;justify-content:space-around;flex-wrap:wrap;font-size:12px;padding:20px 10px;background:#fff}.contact-links ul{display:flex;justify-content:space-around;flex-wrap:wrap;gap:40px;list-style:none;padding:0;margin:0;width:100%}.contact-links li{display:flex;align-items:center;gap:8px;font-size:14px;text-decoration:none;color:#000;transition:color .3s ease}.contact-links li:hover{color:#005f99}.contact-links img{width:20px;height:20px;object-fit:contain}.section-header{text-align:center;margin-bottom:1px}.content-section{padding:40px 20px}.content-section h2{text-align:center;font-size:28px;margin-bottom:10px;position:relative}.divider{height:2px;background:#007acc;margin:6px auto 24px}.mini-divider{height:1px;background:#007acc;margin:6px 200px 24px auto}.section-inner{text-align:left;max-width:700px;margin:0 auto;line-height:1.6}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:0 auto}.skill-box{background:#fff;border:1px solid #ccc;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;text-align:center;box-shadow:0 1px 4px #0000000d}.work-info{display:flex}.light{background-color:#fff;color:#111}.dark{background-color:#e8f0f7;color:#111}.desktop-only{display:flex}.mobile-only{display:none}.burger{font-size:24px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;padding:8px;margin-left:auto;display:none;z-index:1000}.mobile-menu{position:fixed;top:60px;right:0;width:200px;background:#000;z-index:998;padding:10px;transform-origin:top right;animation:slideIn .3s ease-out;border-bottom-left-radius:4px}.mobile-menu button{width:100%;padding:12px 16px;color:#fff;background:transparent;border:none;text-align:left;font-size:16px;cursor:pointer;transition:background-color .2s}.mobile-menu button:hover{background-color:#ffffff1a}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.desktop-only{display:none}.mobile-only,.burger{display:block}.nav-bar{padding:16px 20px}.mobile-menu{box-shadow:0 4px 6px #0000001a}}