*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--teal:#0d9488;--teal-light:#14b8a6;--teal-xlight:#ccfbf1;--teal-mid:#0f766e;--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-600:#475569;--gray-800:#1e293b;--gray-900:#0f172a;--nav-h:68px;--font:"Plus Jakarta Sans",sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--white);color:var(--gray-800);line-height:1.6;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;padding:0 clamp(20px,5vw,80px);justify-content:space-between;transition:box-shadow .3s}nav.scrolled{box-shadow:0 4px 24px rgba(13,148,136,.08)}.nav-logo{font-weight:700;font-size:1.15rem;color:var(--gray-900);letter-spacing:-.01em;text-decoration:none}.nav-logo span{color:var(--teal)}.nav-links{display:flex;gap:4px;list-style:none}.nav-links a{font-size:.875rem;font-weight:500;color:var(--gray-600);text-decoration:none;padding:6px 14px;border-radius:6px;transition:color .2s,background .2s;position:relative;cursor:pointer}.nav-links a.active,.nav-links a:hover{color:var(--teal);background:var(--teal-xlight)}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--teal)}.nav-cta{background:var(--teal)!important;color:white!important;padding:8px 20px!important;border-radius:8px!important;font-weight:600!important}.nav-cta:hover{background:var(--teal-mid)!important}#hero{min-height:100vh;padding:calc(var(--nav-h) + 60px) clamp(20px,10vw,140px) 80px;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;background:linear-gradient(135deg,#f0fdfa,#ffffff 50%,#f8fafc);position:relative;overflow:hidden}#hero:before{top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(20,184,166,.12) 0,transparent 70%)}#hero:after,#hero:before{content:"";position:absolute;border-radius:50%;pointer-events:none}#hero:after{bottom:-60px;left:-60px;width:400px;height:400px;background:radial-gradient(circle,rgba(13,148,136,.07) 0,transparent 70%)}.hero-left{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--teal-xlight);color:var(--teal-mid);font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:100px;margin-bottom:24px;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(16px);animation:fadeUp .6s ease .1s forwards}.hero-badge:before{content:"";width:6px;height:6px;background:var(--teal);border-radius:50%;animation:pulse 2s infinite}.hero-name{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;color:var(--gray-900);line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;animation:fadeUp .6s ease .2s forwards}.hero-name,.hero-role{opacity:0;transform:translateY(20px)}.hero-role{font-size:clamp(1rem,2vw,1.3rem);font-weight:600;color:var(--teal);margin-bottom:20px;min-height:2em;animation:fadeUp .6s ease .3s forwards}.hero-desc{font-size:1rem;color:var(--gray-600);line-height:1.75;max-width:500px;margin-bottom:36px;opacity:0;transform:translateY(20px);animation:fadeUp .6s ease .4s forwards}.hero-actions{gap:14px;transform:translateY(20px);animation:fadeUp .6s ease .5s forwards}.hero-actions,.hero-contact-row{display:flex;flex-wrap:wrap;opacity:0}.hero-contact-row{gap:12px;margin-top:28px;animation:fadeUp .5s ease .7s forwards}.btn-primary{background:var(--teal);color:white;padding:13px 28px;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 16px rgba(13,148,136,.3)}.btn-primary:hover{background:var(--teal-mid);transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,148,136,.35)}.btn-outline{background:transparent;color:var(--gray-800);padding:13px 28px;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--gray-200);transition:border-color .2s,color .2s,transform .2s}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.hero-right{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateX(30px);animation:fadeLeft .7s ease .5s forwards}.stat-card{background:white;border:1px solid var(--gray-200);border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:box-shadow .3s,transform .3s}.stat-card:hover{box-shadow:0 8px 32px rgba(13,148,136,.12);transform:translateX(4px)}.stat-icon{width:48px;height:48px;background:var(--teal-xlight);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.stat-num{font-size:1.4rem;font-weight:700;color:var(--gray-900);line-height:1}.stat-label{font-size:.82rem;color:var(--gray-400);font-weight:500;margin-top:3px}.contact-chip{display:inline-flex;align-items:center;gap:7px;background:var(--gray-50);border:1px solid var(--gray-200);padding:8px 14px;border-radius:8px;font-size:.83rem;color:var(--gray-600);text-decoration:none;transition:border-color .2s,color .2s}.contact-chip:hover{border-color:var(--teal);color:var(--teal)}.contact-chip svg{width:15px;height:15px;flex-shrink:0}section{padding:88px clamp(20px,10vw,140px)}section:nth-child(2n){background:var(--gray-50)}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}.section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--gray-900);letter-spacing:-.01em;margin-bottom:14px}.section-divider{width:48px;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-light));border-radius:2px;margin-bottom:48px}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:start}.about-text p{color:var(--gray-600);line-height:1.8;margin-bottom:16px;font-size:.97rem}.about-text p:last-child{margin-bottom:0}.highlight{color:var(--teal);font-weight:600}.about-facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.fact-card{background:white;border:1px solid var(--gray-200);border-radius:12px;padding:18px 20px;position:relative;overflow:hidden;transition:box-shadow .3s}.fact-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--teal),var(--teal-light))}.fact-card:hover{box-shadow:0 4px 20px rgba(13,148,136,.1)}.fact-title{font-size:.75rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.fact-value{font-size:1rem;font-weight:600;color:var(--gray-900)}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--teal),var(--teal-xlight));border-radius:1px}.timeline-item{position:relative;margin-bottom:48px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-34px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--teal);border:3px solid white;box-shadow:0 0 0 2px var(--teal);transition:transform .3s}.timeline-item:hover .timeline-dot{transform:scale(1.3)}.timeline-card{background:white;border:1px solid var(--gray-200);border-radius:16px;padding:28px 32px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .3s,transform .3s}.timeline-card:hover{box-shadow:0 8px 32px rgba(13,148,136,.1);transform:translateX(4px)}.job-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px;flex-wrap:wrap}.job-title{font-size:1.1rem;font-weight:600;color:var(--gray-900)}.job-company{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--teal);margin-bottom:4px}.job-period{font-size:.78rem;font-weight:600;background:var(--teal-xlight);color:var(--teal-mid);padding:4px 12px;border-radius:100px;white-space:nowrap}.job-desc{margin-top:16px}.job-desc li{font-size:.9rem;color:var(--gray-600);line-height:1.7;padding:4px 0 4px 16px;position:relative;list-style:none}.job-desc li:before{content:"▸";position:absolute;left:0;color:var(--teal);font-size:.7rem;top:6px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.skill-category{background:white;border:1px solid var(--gray-200);border-radius:16px;padding:28px;transition:box-shadow .3s}.skill-category:hover{box-shadow:0 8px 32px rgba(13,148,136,.1)}.skill-cat-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.skill-cat-icon{width:36px;height:36px;background:var(--teal-xlight);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem}.skill-cat-title{font-size:.95rem;font-weight:600;color:var(--gray-900)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-600);font-size:.8rem;font-weight:500;padding:5px 12px;border-radius:6px;transition:background .2s,color .2s,border-color .2s}.skill-tag:hover{background:var(--teal-xlight);color:var(--teal-mid);border-color:var(--teal-light)}.edu-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.edu-section-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:18px;display:flex;align-items:center;gap:10px}.edu-section-title span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--teal-xlight);border-radius:8px;font-size:.9rem}.edu-card{background:white;border:1px solid var(--gray-200);border-radius:14px;padding:20px 24px;margin-bottom:14px;transition:box-shadow .3s}.edu-card:hover{box-shadow:0 4px 20px rgba(13,148,136,.1)}.edu-card:last-child{margin-bottom:0}.edu-degree{font-size:.95rem;color:var(--gray-900)}.edu-degree,.edu-school{font-weight:600;margin-bottom:4px}.edu-school{font-size:.85rem;color:var(--teal)}.edu-year{font-size:.78rem;color:var(--gray-400);font-weight:500}.cert-badge{background:linear-gradient(135deg,#f0fdfa,#e0f2fe);border:1px solid rgba(13,148,136,.2);border-radius:14px;padding:20px 24px;margin-bottom:14px;display:flex;align-items:flex-start;gap:14px;transition:box-shadow .3s}.cert-badge:hover{box-shadow:0 4px 20px rgba(13,148,136,.12)}.cert-icon{width:40px;height:40px;background:var(--teal);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-name{font-size:.92rem;font-weight:600;color:var(--gray-900)}.cert-issuer{font-size:.82rem;color:var(--gray-600);margin-top:3px}.cert-date{font-size:.75rem;color:var(--teal);font-weight:600;margin-top:6px}#contact{background:linear-gradient(135deg,var(--gray-900) 0,#0f2027 100%);color:white}#contact .section-label{color:var(--teal-light)}#contact .section-title{color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.contact-text p{color:rgba(255,255,255,.6);line-height:1.8;font-size:.97rem;margin-bottom:32px}.contact-items{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;text-decoration:none;transition:background .2s,border-color .2s}.contact-item:hover{background:rgba(20,184,166,.1);border-color:rgba(20,184,166,.3)}.contact-item-icon{width:40px;height:40px;background:var(--teal);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item-label{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.06em}.contact-item-value{font-size:.92rem;font-weight:500;color:white}footer{background:var(--gray-900);border-top:1px solid rgba(255,255,255,.06);padding:24px clamp(20px,10vw,140px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-name{font-weight:700;color:white;font-size:.9rem}.footer-copy{font-size:.8rem;color:rgba(255,255,255,.3)}.sa-hidden{opacity:0}.sa-up{transform:translateY(32px)}.sa-left{transform:translateX(-36px)}.sa-right{transform:translateX(36px)}.sa-scale{transform:translateY(18px) scale(.96)}.sa-show{opacity:1!important;transform:none!important;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.sa-hidden.sa-left,.sa-hidden.sa-right,.sa-hidden.sa-scale,.sa-hidden.sa-up{transition:opacity .4s ease,transform .4s ease}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;transition:transform .3s ease}.hamburger:active{transform:scale(.95)}@media (max-width:900px){#hero{grid-template-columns:1fr}.hero-right{animation:fadeUp .7s ease .5s forwards;transform:translateY(20px)}.about-grid,.contact-grid,.edu-grid{grid-template-columns:1fr;gap:32px}.about-facts{grid-template-columns:1fr 1fr}}@media (max-width:680px){nav{padding:0 clamp(16px,5vw,40px)}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:var(--nav-h);left:0;right:0;background:white;border-bottom:1px solid var(--gray-200);padding:0;box-shadow:0 8px 24px rgba(0,0,0,.08);max-height:calc(100vh - var(--nav-h));overflow-y:auto;z-index:99;animation:slideDown .3s ease forwards}.nav-links li{border-bottom:1px solid var(--gray-100)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;width:100%;padding:14px 16px;border-radius:0;margin:0!important;font-size:.875rem}.nav-links a:hover{background:var(--gray-50)!important;color:var(--teal)}.nav-links a.active{background:var(--teal-xlight)!important;color:var(--teal)}.nav-links a.active:after{display:none}.nav-cta{background:var(--teal)!important;color:white!important;margin:12px 16px!important;padding:12px 20px!important;border-radius:0!important;text-align:center!important;font-size:.875rem!important}.nav-cta:hover{background:var(--teal-mid)!important}.hamburger{display:block;z-index:101}.about-facts{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn-outline,.btn-primary{width:100%;text-align:center;justify-content:center}.stat-card{flex-direction:column;text-align:center}.skill-tags{justify-content:center}.job-header{flex-direction:column;align-items:flex-start}.job-period{align-self:flex-start}}@media (max-width:480px){nav{padding:0 clamp(12px,4vw,20px)}.nav-logo{font-size:1rem}.nav-links a{padding:12px 14px;font-size:.8rem}section{padding:60px clamp(16px,8vw,80px)}.section-title{font-size:clamp(1.3rem,2.5vw,1.8rem)}.hero-name{font-size:clamp(1.8rem,3.5vw,2.4rem)}.about-facts{gap:10px}.fact-card{padding:14px 16px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}