:root{font-family:Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px;overflow-x:hidden}:root{--bg: #f4f7f5;--surface: #ffffff;--surface-alt: #eef4ef;--text: #182225;--muted: #516067;--line: #d7e0dc;--brand: #0d7a5f;--brand-dark: #0a5f4a;--accent: #e9a62c;--shadow: 0 12px 30px rgba(13, 122, 95, .1)}*{margin:0}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#f9fbf9 0%,var(--bg) 35%,#edf2ef 100%);color:var(--text)}a{color:inherit}.app-shell{min-height:100dvh}.container{width:min(1120px,92%);margin:0 auto}.top-navbar{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f9fbf9eb}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:1.3rem;font-weight:800;color:var(--brand-dark);text-decoration:none;letter-spacing:.5px}.profile-icon{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.nav-links{list-style:none;display:flex;align-items:center;gap:8px}.nav-links a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.95rem;border-radius:999px;padding:8px 12px;transition:all .2s ease}.nav-links a:hover,.nav-links a.active{background:#0d7a5f1a;color:var(--brand-dark)}.nav-toggle{display:none;border:1px solid var(--line);background:var(--surface);border-radius:10px;width:42px;height:42px;padding:8px;cursor:pointer}.nav-toggle span{display:block;width:100%;height:2px;background:var(--text)}.nav-toggle span+span{margin-top:6px}section{padding:88px 0;scroll-margin-top:88px}.section-title{font-size:clamp(1.7rem,2vw,2.3rem);margin-bottom:28px;color:var(--brand-dark);letter-spacing:.2px}.secondary-title{margin-top:56px}.eyebrow{text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:var(--brand);font-size:.82rem;margin-bottom:12px}.aboutme{padding-top:110px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:stretch}.hero-content,.hero-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,4vw,34px);box-shadow:var(--shadow)}.hero-content h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.06}.role-link{margin-top:14px;display:inline-block;font-weight:700;color:var(--brand-dark);text-decoration:underline;text-underline-offset:4px}.about-description{margin-top:16px;color:var(--muted);max-width:60ch;line-height:1.75}.contact-links{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.contact-links a{text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);color:var(--brand-dark);background:var(--surface-alt);font-weight:600;transition:all .2s ease}.contact-links a:hover{transform:translateY(-2px);background:var(--brand);color:#fff}.hero-panel h3{font-size:1.2rem;margin-bottom:14px}.strength-list{list-style:none;display:grid;gap:12px}.strength-list li{background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--muted);line-height:1.5}.education,.projects{background:transparent}.experience,.certifications{background:linear-gradient(180deg,#0d7a5f0a,#0d7a5f03)}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.edu-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}.edu-card h3{font-size:1.12rem;margin-bottom:8px}.edu-card p{color:var(--muted)}.edu-details{margin-top:10px;font-weight:600;color:var(--brand-dark)}.timeline{display:grid;gap:18px}.exp-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:14px;padding:22px}.exp-card h3{margin-bottom:6px}.exp-meta{color:var(--brand-dark);margin-bottom:12px;font-weight:600}.exp-card ul{padding-left:18px;color:var(--muted);display:grid;gap:8px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:26px}.skill-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--brand-dark)}.skill-icon{font-size:1.4rem;color:var(--brand)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}.project-card h3{font-size:1.12rem}.project-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}.project-tech{color:var(--brand-dark);font-weight:700}.project-desc{color:var(--muted);line-height:1.6}.view-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;color:var(--brand-dark);padding:8px 12px;border-radius:10px;background:#0d7a5f14}.view-link:hover{background:var(--brand);color:#fff}.project-source-link,.back-link,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;border-radius:10px;padding:8px 12px;transition:all .2s ease}.project-source-link{color:var(--muted);border:1px solid var(--line);background:var(--surface-alt)}.project-source-link:hover,.back-link:hover,.secondary-button:hover{border-color:var(--brand);color:var(--brand-dark)}.project-details-page{padding-top:110px;min-height:100dvh}.back-link{margin-bottom:20px;color:var(--brand-dark);border:1px solid var(--line);background:var(--surface)}.project-details-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,36px);box-shadow:var(--shadow)}.project-details-title{font-size:clamp(2rem,4vw,3rem);line-height:1.08}.project-details-tech{margin-top:12px;color:var(--brand-dark);font-weight:800}.project-details-summary{margin-top:14px;max-width:68ch;color:var(--muted);line-height:1.7}.project-details-grid{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-details-panel{background:var(--surface-alt);border:1px solid var(--line);border-radius:18px;padding:20px}.project-details-panel h2{margin-bottom:10px;color:var(--brand-dark);font-size:1.08rem}.project-details-panel p{color:var(--muted);line-height:1.7}.feature-panel{margin-top:16px}.project-feature-list{padding-left:20px;color:var(--muted);display:grid;gap:10px;line-height:1.6}.project-details-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.secondary-button{color:var(--brand-dark);border:1px solid var(--line);background:var(--surface)}.detail-link{margin-top:0}.cert-dashboard,.award-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cert-box,.award-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;font-weight:600;color:var(--brand-dark);transition:all .2s ease}.cert-box:hover,.award-box:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:var(--shadow)}.contact-page{padding-top:70px;padding-bottom:80px}.contact-wrap{background:#19262a;color:#f7fbfa;border-radius:20px;padding:clamp(22px,5vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-left h2{font-size:clamp(1.8rem,3.8vw,3rem);line-height:1.12}.small-text{margin-top:14px;color:#f7fbfad6;line-height:1.7}.contact-right{display:flex;flex-direction:column;gap:14px}.contact-email{text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 14px;display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;word-break:break-word}.social-icons{display:flex;flex-wrap:wrap;gap:10px}.social-icons a{text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:9px 14px;display:inline-flex;align-items:center;gap:8px}.social-icons a:hover{background:#ffffff1f}.copyright{margin-top:auto;color:#f7fbfab8}@media (max-width: 980px){.hero-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-grid,.project-details-grid,.contact-wrap{grid-template-columns:1fr}}@media (max-width: 768px){section{padding:68px 0}.nav-toggle{display:inline-block}.nav-links{position:absolute;left:4%;right:4%;top:76px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);padding:10px;display:none;flex-direction:column;align-items:stretch;gap:4px}.nav-links.open{display:flex}.nav-links li{width:100%}.nav-links a{display:block;width:100%;text-align:center}.aboutme{padding-top:84px}.project-details-page{padding-top:92px}.profile-icon{width:30px;height:30px}.cards-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cert-dashboard,.award-dashboard{grid-template-columns:1fr}}@media (max-width: 560px){.container{width:min(1120px,94%)}.hero-content,.hero-panel,.project-card,.edu-card,.exp-card{padding:16px;border-radius:14px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-email{width:100%}.social-icons a{width:100%;justify-content:center}}