@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--color-bg:#f0f2f5;--color-bg-alt:#f5f6f8;--color-surface:#fff;--color-hero-start:#0d1117;--color-hero-end:#1a2332;--color-primary:#ff6b00;--color-primary-light:#ff8533;--color-primary-glow:#ff6b004d;--color-secondary:#2d6a8a;--color-secondary-hover:#245a76;--color-text:#111827;--color-text-muted:#6b7a8d;--color-text-hero:#fff;--color-text-hero-sub:#ffffffbf;--color-border:#e5e8ec;--color-border-card:#eaecf0;--color-tag-bg:#ff6b00;--color-tag-text:#fff;--shadow-sm:0 2px 8px #0000000f;--shadow-card:0 4px 20px #00000014;--shadow-hover:0 12px 32px #00000024;--shadow-glow:0 0 28px #ff6b0059;--shadow-navbar:0 1px 4px #00000014;--transition:all .28s cubic-bezier(.4,0,.2,1);--transition-bounce:all .38s cubic-bezier(.68,-.55,.265,1.55);--radius-sm:.5rem;--radius:.875rem;--radius-lg:1.25rem;--radius-full:9999px;--container-max:1200px;--container-px:1.5rem;--section-py:5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Poppins,sans-serif;line-height:1.65;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-px);margin-inline:auto}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:64px;box-shadow:var(--shadow-navbar);z-index:1000;transition:var(--transition);background:#fffffff7;position:fixed;inset-block-start:0;inset-inline:0}.nav-container{height:100%;max-width:var(--container-max);padding-inline:var(--container-px);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.nav-logo{color:var(--color-primary);letter-spacing:-.01em;transition:var(--transition);font-size:1.35rem;font-weight:700}.nav-logo:hover{color:var(--color-primary-light)}.nav-links{align-items:center;gap:2.25rem;list-style:none;display:flex}.nav-link{color:var(--color-text);transition:var(--transition);padding-block:.4rem;font-size:.95rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--color-primary);transform-origin:0;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.hero{background:linear-gradient(145deg,var(--color-hero-start)0%,#141c28 40%,var(--color-hero-end)100%);justify-content:center;align-items:center;min-height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b002e 0%,#0000 70%);width:280px;height:280px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.hero-content{text-align:center;z-index:10;max-width:800px;padding-inline:var(--container-px);position:relative}.hero-img{object-fit:cover;width:10rem;height:10rem;box-shadow:0 0 0 6px #ff6b0026,var(--shadow-card);transition:var(--transition);border:3px solid #ffffff2e;border-radius:50%;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:block}.hero-img:hover{border-color:var(--color-primary);box-shadow:0 0 0 8px #ff6b0033,var(--shadow-glow);transform:scale(1.05)}.hero-title{color:var(--color-text-hero);margin-bottom:.25rem;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.12}.hero-title-gradient{background:linear-gradient(90deg,#ff6b00,#ff9140);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.15rem;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.15;display:block}.hero-subtitle-role{color:var(--color-text-hero);margin-bottom:1.5rem;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;line-height:1.12}.hero-description{color:var(--color-text-hero-sub);margin-inline:auto;max-width:520px;margin-bottom:2.5rem;font-size:1rem;line-height:1.75}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 2rem;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff6b00,#ff8533);box-shadow:0 4px 16px #ff6b0066}.btn-primary:hover{background:linear-gradient(135deg,#ff8533,#ff9f5a);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b0080}.btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:0 4px 14px #2d6a8a59}.btn-secondary:hover{background:var(--color-secondary-hover);transform:translateY(-2px);box-shadow:0 8px 22px #2d6a8a73}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff}.section{padding-block:var(--section-py);background:var(--color-bg)}.section-alt{padding-block:var(--section-py);background:var(--color-bg-alt)}.section-heading{color:var(--color-text);text-align:center;margin-bottom:.6rem;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800}.section-subheading{text-align:center;color:var(--color-text-muted);text-align:center;margin-bottom:3rem;font-size:1rem}.about-section{padding-block:var(--section-py);background:var(--color-bg)}.about-card{background:var(--color-surface);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:900px;color:var(--color-text);text-align:justify;margin-inline:auto;padding:2.5rem 3rem;font-size:1.05rem;line-height:1.8}.card{background:var(--color-surface);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition);padding:2.25rem}.card:hover{box-shadow:var(--shadow-hover);border-color:#d0d5dd;transform:translateY(-6px)}.card-icon{margin-bottom:1.25rem;font-size:2.2rem;display:block}.card-title{color:var(--color-text);text-align:center;margin-bottom:.75rem;font-size:1.05rem;font-weight:700}.card-description{color:var(--color-text-muted);text-align:center;margin-bottom:1.25rem;font-size:.92rem;line-height:1.65}.tag-list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tag{background:var(--color-tag-bg);color:var(--color-tag-text);border-radius:var(--radius-full);padding:.3rem .9rem;font-size:.8rem;font-weight:600;display:inline-block}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.75rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.75rem;display:grid}.cert-card{background:var(--color-surface);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition);text-align:center;padding:1.75rem}.cert-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.cert-card-title{color:var(--color-text);justify-content:center;align-items:center;min-height:2.8rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.cert-embed-wrapper{border:1px solid var(--color-border);border-radius:var(--radius);background:#f8f9fb;padding:.5rem;overflow:hidden}.resume-section{padding-block:var(--section-py);background:var(--color-bg)}.resume-card{background:var(--color-surface);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition);padding:2rem}.resume-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.resume-card-icon{margin-bottom:1rem;font-size:2rem;display:block}.resume-card-heading{color:var(--color-text);margin-bottom:.9rem;font-size:1.05rem;font-weight:700}.resume-label{color:var(--color-primary);margin-bottom:.25rem;font-weight:600;display:block}.resume-institution{color:var(--color-primary);margin-bottom:.2rem;font-weight:600;display:block}.resume-year{color:var(--color-primary);font-size:.92rem;font-weight:500}.resume-text{color:var(--color-text);font-size:.92rem;line-height:1.65}.contact-section{padding-block:var(--section-py);background:var(--color-bg)}.contact-form-wrapper{max-width:660px;margin-inline:auto}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-field{width:100%;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius);transition:var(--transition);resize:none;outline:none;padding:1rem 1.25rem;font-family:Poppins,sans-serif;font-size:.95rem}.form-field::placeholder{color:#9ca3af}.form-field:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #ff6b001a}.form-textarea{resize:vertical;min-height:160px}.btn-submit{color:#fff;border-radius:var(--radius-full);cursor:pointer;width:100%;transition:var(--transition);background:linear-gradient(135deg,#ff6b00,#ff8533);border:none;padding:1rem;font-size:1rem;font-weight:700;box-shadow:0 4px 16px #ff6b0066}.btn-submit:hover{background:linear-gradient(135deg,#ff8533,#ff9f5a);transform:translateY(-2px);box-shadow:0 8px 28px #ff6b0080}.status-msg{text-align:center;margin-top:.75rem;font-size:.95rem;font-weight:600}.status-msg.success{color:#10b981}.status-msg.error{color:#ef4444}.footer{background:var(--color-hero-start);color:#fff9;text-align:center;padding-block:2rem;font-size:.88rem}.footer a{color:var(--color-primary);transition:var(--transition)}.footer a:hover{color:var(--color-primary-light)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.fw-700{font-weight:700}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--section-py:3.5rem}.nav-links{display:none}.grid-3,.grid-2{grid-template-columns:1fr}.about-card{padding:1.75rem}.hero-img{width:8rem;height:8rem}.contact-form-wrapper{padding-inline:.5rem}}@media (max-width:480px){.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}}