main,section{width:100%;min-width:0;max-width:100%;overflow-x:hidden}@media (width<=600px){html,body,#root,main,section{width:100%;min-width:0;max-width:100%;overflow-x:hidden}html{scroll-padding-top:70px}}#root{min-height:100vh}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;margin:0;padding:0;scroll-padding-top:88px;overflow-x:hidden}body{color:#111;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f5f5f5;width:100%;min-width:0;max-width:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}#root{width:100%;min-width:0;max-width:100%;min-height:100vh;overflow-x:hidden}main,section{width:100%;min-width:0;max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{color:#fff;background:#2563eb}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#888}:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@media (width<=600px){html,body,#root,main,section{width:100%;min-width:0;max-width:100%;overflow-x:hidden}html{scroll-padding-top:70px}}.navbar{z-index:9999;background:#f5f5f5;width:100%;height:86px;position:relative}.navbar-inner{justify-content:center;align-items:center;width:100%;height:100%;padding:0 60px;display:flex;position:relative}.navbar-links{justify-content:center;align-items:center;gap:42px;display:flex}.navbar-links a{color:#111;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:color .25s;display:block}.navbar-links a:hover{color:#2563eb}.navbar-resume{color:#111;background:0 0;border:2px solid #111;border-radius:999px;justify-content:center;align-items:center;width:112px;height:54px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:flex;position:absolute;top:50%;right:60px;transform:translateY(-50%)}.navbar-resume:hover{color:#fff;background:#111}.navbar-menu{color:#111;cursor:pointer;background:0 0;border:none;width:40px;height:40px;font-size:22px;display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.mobile-menu{z-index:9999;background:#f5f5f5;border-top:1px solid #ddd;flex-direction:column;display:none;position:absolute;top:86px;left:0;right:0}.mobile-menu a{color:#111;border-bottom:1px solid #ddd;padding:18px 22px;font-size:15px;font-weight:600;text-decoration:none}.mobile-menu a:hover{color:#2563eb}@media (width<=850px){.navbar{height:70px}.navbar-inner{justify-content:flex-end;padding:0 20px}.navbar-links,.navbar-resume{display:none}.navbar-menu{justify-content:center;align-items:center;display:flex}.mobile-menu{display:flex;top:70px}}.hero{background:#f5f5f5;grid-template-columns:46% 54%;width:100%;height:calc(100vh - 88px);min-height:650px;display:grid;overflow:hidden}.hero-left{background:#f5f5f5;order:1;justify-content:center;align-items:center;padding:40px 60px;display:flex}.hero-content{width:100%;max-width:540px;transform:translateY(-25px)}.hero-tag{color:#666;letter-spacing:5px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:block}.hero-intro{color:#777;margin-bottom:8px;font-size:1.25rem}.hero-name{letter-spacing:-2px;flex-direction:column;margin:0 0 18px;font-size:0;line-height:.9;display:flex}.hero-name .light,.hero-name .highlight{font-size:clamp(3.2rem,5vw,4.4rem);font-weight:900;display:block}.hero-name .light{color:#111}.hero-name .highlight{color:#2563eb}.hero-role{color:#111;margin-bottom:18px;font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:700;line-height:1.25}.hero-tech{flex-wrap:wrap;align-items:center;gap:11px;margin-bottom:18px;display:flex}.hero-tech span{color:#666;font-size:.9rem;font-weight:600}.hero-tech .separator{background:#2563eb;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.hero-description{color:#666;max-width:510px;margin-bottom:24px;font-size:.95rem;line-height:1.65}.hero-buttons{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-primary,.btn-secondary{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 26px;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:#111}.btn-primary:hover{background:#2563eb;transform:translateY(-2px)}.btn-secondary{color:#111;background:0 0;border:2px solid #111}.btn-secondary:hover{color:#fff;background:#111;transform:translateY(-2px)}.hero-right{background:#f5f5f5;order:2;position:relative;overflow:hidden}.hero-bg{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);background:#111;position:absolute;inset:0}.hero-image-wrap{z-index:2;justify-content:center;align-items:flex-end;padding:0 3% 0 8%;display:flex;position:absolute;inset:0}.hero-image{object-fit:contain;object-position:bottom center;width:auto;max-width:92%;height:min(88vh,760px);display:block}@media (width>=1500px){.hero{grid-template-columns:45% 55%}.hero-left{padding-left:80px;padding-right:70px}.hero-content{transform:translateY(-35px)}.hero-image{height:min(90vh,850px)}}@media (width<=1200px){.hero{grid-template-columns:47% 53%}.hero-left{padding:35px 45px}.hero-content{transform:translateY(-15px)}.hero-name .light,.hero-name .highlight{font-size:3.5rem}.hero-role{font-size:1.2rem}.hero-image-wrap{padding-left:10%}.hero-image{height:min(82vh,680px)}}@media (width<=992px){.hero{flex-direction:column;height:auto;min-height:0;display:flex}.hero-left{order:1;width:100%;padding:65px 30px 70px}.hero-right{order:2;width:100%;height:500px;min-height:500px}.hero-bg{clip-path:none}.hero-image-wrap{padding:0}.hero-image{max-width:90%;height:480px}.hero-content{text-align:center;max-width:700px;transform:none}.hero-tech{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}}@media (width<=600px){.hero-left{padding:50px 22px 60px}.hero-right{height:390px;min-height:390px}.hero-image{max-width:95%;height:375px}.hero-name .light,.hero-name .highlight{letter-spacing:-1.5px;font-size:2.8rem}.hero-role{font-size:1.1rem}.hero-tech{gap:8px}.hero-tech span{font-size:.82rem}.hero-description{font-size:.9rem}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}}.about-section{background:#f5f5f5;width:100%;padding:110px 7% 120px}.about-container{width:100%;max-width:1200px;margin:0 auto}.about-heading{margin-bottom:65px}.section-label{color:#2563eb;letter-spacing:4px;margin-bottom:18px;font-size:.8rem;font-weight:700;display:inline-block}.about-heading h2{color:#111;letter-spacing:-2px;max-width:650px;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:.98}.about-heading h2 span{color:#2563eb}.about-content{grid-template-columns:.9fr 1.1fr;align-items:start;gap:80px;margin-bottom:80px;display:grid}.about-intro p{color:#111;margin:0;font-size:1.5rem;font-weight:600;line-height:1.5}.about-text{flex-direction:column;gap:22px;display:flex}.about-text p{color:#666;margin:0;font-size:1rem;line-height:1.8}.about-highlights{border-top:1px solid #ccc;border-bottom:1px solid #ccc;grid-template-columns:repeat(4,1fr);display:grid}.about-highlight{border-right:1px solid #ccc;flex-direction:column;justify-content:center;min-height:150px;padding:30px 25px;display:flex}.about-highlight:first-child{padding-left:0}.about-highlight:last-child{border-right:none}.about-highlight strong{color:#111;margin-bottom:8px;font-size:1.6rem;font-weight:800}.about-highlight:first-child strong{color:#2563eb;font-size:2.2rem}.about-highlight span{color:#777;font-size:.85rem;line-height:1.4}@media (width<=900px){.about-section{padding:90px 6%}.about-content{grid-template-columns:1fr;gap:35px}.about-intro p{max-width:700px}.about-highlights{grid-template-columns:repeat(2,1fr)}.about-highlight:nth-child(2){border-right:none}.about-highlight:nth-child(3),.about-highlight:nth-child(4){border-top:1px solid #ccc}.about-highlight:nth-child(3){padding-left:0}}@media (width<=600px){.about-section{padding:75px 22px 85px}.about-heading{margin-bottom:45px}.about-heading h2{letter-spacing:-1px;font-size:2.7rem}.about-intro p{font-size:1.2rem}.about-text p{font-size:.92rem;line-height:1.7}.about-highlights{grid-template-columns:1fr}.about-highlight,.about-highlight:first-child{border-bottom:1px solid #ccc;border-right:none;min-height:auto;padding:24px 0}.about-highlight:last-child{border-bottom:none}.about-highlight:nth-child(3),.about-highlight:nth-child(4){border-top:none}}.experience-section{background:#f5f5f5;width:100%;padding:110px 7% 120px}.experience-container{width:100%;max-width:1200px;margin:0 auto}.experience-header{max-width:760px;margin-bottom:70px}.experience-header .section-label{color:#2563eb;letter-spacing:4px;margin-bottom:18px;font-size:.8rem;font-weight:700;display:inline-block}.experience-header h2{color:#111;letter-spacing:-2px;margin:0 0 20px;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:900;line-height:.98}.experience-header h2 span{color:#2563eb}.experience-header>p{color:#666;max-width:650px;margin:0;font-size:1rem;line-height:1.7}.experience-list{border-top:1px solid #ccc;width:100%}.experience-item{border-bottom:1px solid #ccc;grid-template-columns:80px 1fr;gap:35px;padding:45px 0;display:grid}.experience-number{color:#2563eb;letter-spacing:2px;padding-top:5px;font-size:.85rem;font-weight:800}.experience-main{min-width:0}.experience-top{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:18px;display:flex}.experience-top h3{color:#111;margin:0 0 7px;font-size:1.7rem;font-weight:800;line-height:1.2}.experience-top h4{color:#2563eb;margin:0;font-size:1rem;font-weight:700}.experience-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.experience-meta span{color:#777;font-size:.85rem;line-height:1.4}.experience-description{color:#555;max-width:850px;margin:0 0 22px;font-size:.98rem;line-height:1.7}.experience-highlights{max-width:900px;margin:0;padding:0;list-style:none}.experience-highlights li{color:#666;margin-bottom:10px;padding-left:20px;font-size:.9rem;line-height:1.65;position:relative}.experience-highlights li:last-child{margin-bottom:0}.experience-highlights li:before{content:"";background:#2563eb;border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}@media (width<=900px){.experience-section{padding:90px 6%}.experience-item{grid-template-columns:55px 1fr;gap:20px;padding:38px 0}.experience-top{flex-direction:column;gap:12px}.experience-meta{align-items:flex-start}.experience-top h3{font-size:1.5rem}}@media (width<=600px){.experience-section{padding:75px 22px 85px}.experience-header{margin-bottom:50px}.experience-header h2{letter-spacing:-1px;font-size:2.8rem}.experience-item{grid-template-columns:1fr;gap:12px;padding:32px 0}.experience-number{padding-top:0}.experience-top h3{font-size:1.35rem}.experience-top h4,.experience-description{font-size:.92rem}.experience-highlights li{font-size:.88rem}}.skills-section{color:#fff;background:#111;width:100%;padding:110px 7% 120px}.skills-container{width:100%;max-width:1200px;margin:0 auto}.skills-header{max-width:720px;margin-bottom:70px}.skills-header .section-label{color:#60a5fa;letter-spacing:4px;margin-bottom:18px;font-size:.8rem;font-weight:700;display:inline-block}.skills-header h2{color:#fff;letter-spacing:-2px;margin:0 0 20px;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:900;line-height:.98}.skills-header h2 span{color:#60a5fa}.skills-header p{color:#aaa;max-width:650px;margin:0;font-size:1rem;line-height:1.7}.skills-grid{border-top:1px solid #333;border-left:1px solid #333;grid-template-columns:repeat(2,1fr);display:grid}.skill-group{border-bottom:1px solid #333;border-right:1px solid #333;min-height:230px;padding:35px}.skill-group h3{color:#fff;margin:0 0 24px;font-size:1.2rem;font-weight:700}.skill-list{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{color:#bbb;border:1px solid #444;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-size:.82rem;transition:all .3s;display:inline-flex}.skill-tag:hover{color:#60a5fa;border-color:#60a5fa;transform:translateY(-2px)}@media (width<=800px){.skills-section{padding:90px 6%}.skills-grid{grid-template-columns:1fr}.skill-group{min-height:auto}}@media (width<=600px){.skills-section{padding:75px 22px 85px}.skills-header{margin-bottom:50px}.skills-header h2{letter-spacing:-1px;font-size:2.8rem}.skills-header p{font-size:.92rem}.skill-group{padding:28px 22px}.skill-group h3{font-size:1.1rem}.skill-tag{font-size:.78rem}}.projects-section{background:#f5f5f5;width:100%;padding:110px 7% 120px}.projects-container{width:100%;max-width:1200px;margin:0 auto}.projects-header{max-width:760px;margin-bottom:70px}.projects-header .section-label{color:#2563eb;letter-spacing:4px;margin-bottom:18px;font-size:.8rem;font-weight:700;display:inline-block}.projects-header h2{color:#111;letter-spacing:-2px;margin:0 0 20px;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:900;line-height:.98}.projects-header h2 span{color:#2563eb}.projects-header p{color:#666;max-width:650px;margin:0;font-size:1rem;line-height:1.7}.projects-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.project-card{background:#fff;border:1px solid #ddd;min-height:390px;padding:34px;transition:all .35s;position:relative}.project-card:hover{border-color:#2563eb;transform:translateY(-5px)}.project-number{color:#2563eb;letter-spacing:2px;margin-bottom:45px;font-size:.8rem;font-weight:800}.project-content{flex-direction:column;height:calc(100% - 70px);display:flex}.project-organization{color:#777;margin-bottom:10px;font-size:.8rem;font-weight:600}.project-content h3{color:#111;margin:0 0 18px;font-size:1.65rem;font-weight:800;line-height:1.2}.project-content p{color:#666;margin:0 0 25px;font-size:.92rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:25px;display:flex}.project-tech span{color:#666;border:1px solid #ddd;border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:600}.project-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;padding-top:18px;display:flex}.project-footer strong{color:#111;font-size:.85rem;font-weight:800}.project-footer a{color:#2563eb;white-space:nowrap;font-size:.82rem;font-weight:700;transition:all .3s}.project-footer a:hover{color:#111}@media (width<=850px){.projects-section{padding:90px 6%}.projects-grid{grid-template-columns:1fr}.project-card{min-height:350px}}@media (width<=600px){.projects-section{padding:75px 22px 85px}.projects-header{margin-bottom:50px}.projects-header h2{letter-spacing:-1px;font-size:2.8rem}.projects-header p{font-size:.92rem}.project-card{min-height:auto;padding:28px 22px}.project-number{margin-bottom:32px}.project-content h3{font-size:1.4rem}.project-content p{font-size:.88rem}.project-footer{flex-direction:column;align-items:flex-start}}.certifications-section{color:#fff;background:#111;width:100%;padding:110px 7% 120px}.certifications-container{width:100%;max-width:1200px;margin:0 auto}.certifications-header{max-width:760px;margin-bottom:70px}.certifications-header .section-label{color:#60a5fa;letter-spacing:4px;margin-bottom:18px;font-size:.8rem;font-weight:700;display:inline-block}.certifications-header h2{color:#fff;letter-spacing:-2px;margin:0 0 20px;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:900;line-height:.98}.certifications-header h2 span{color:#60a5fa}.certifications-header p{color:#aaa;max-width:650px;margin:0;font-size:1rem;line-height:1.7}.certifications-content{grid-template-columns:1.2fr .8fr;gap:60px;display:grid}.certification-column h3,.education-column h3{color:#fff;letter-spacing:1px;margin:0 0 25px;font-size:1.1rem;font-weight:700}.certification-card{background:#171717;border:1px solid #333;padding:35px;transition:all .3s}.certification-card:hover{border-color:#60a5fa;transform:translateY(-4px)}.credential-type{color:#60a5fa;letter-spacing:3px;margin-bottom:18px;font-size:.7rem;font-weight:800;display:block}.certification-card h4,.education-card h4{color:#fff;margin:0 0 12px;font-size:1.35rem;font-weight:800;line-height:1.3}.credential-organization{color:#bbb;margin:0 0 8px;font-size:.9rem;line-height:1.5}.credential-period{color:#777;font-size:.8rem;display:inline-block}.credential-description{color:#999;margin:22px 0 0;font-size:.9rem;line-height:1.7}.education-column{flex-direction:column;display:flex}.education-card{border-top:1px solid #333;padding:25px 0}.education-card:last-child{border-bottom:1px solid #333}.education-card .credential-period{color:#60a5fa;margin-bottom:10px}.education-card h4{margin-bottom:8px}@media (width<=850px){.certifications-section{padding:90px 6%}.certifications-content{grid-template-columns:1fr;gap:55px}}@media (width<=600px){.certifications-section{padding:75px 22px 85px}.certifications-header{margin-bottom:50px}.certifications-header h2{letter-spacing:-1px;font-size:2.8rem}.certifications-header p{font-size:.92rem}.certification-card{padding:26px 22px}.certification-card h4,.education-card h4{font-size:1.2rem}.credential-description{font-size:.88rem}}.contact-section{color:#fff;background:#111;width:100%;padding:110px 7% 120px}.contact-container{width:100%;max-width:1200px;margin:0 auto}.contact-header{max-width:760px;margin-bottom:65px}.contact-header .section-label{color:#60a5fa;letter-spacing:4px;margin-bottom:18px;font-size:.8rem;font-weight:700;display:inline-block}.contact-header h2{color:#fff;letter-spacing:-2px;margin:0 0 20px;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:900;line-height:.98}.contact-header h2 span{color:#60a5fa}.contact-header p{color:#aaa;max-width:650px;margin:0;font-size:1rem;line-height:1.7}.contact-content{border-top:1px solid #333;grid-template-columns:1.15fr .85fr;align-items:start;gap:80px;padding-top:45px;display:grid}.contact-form{width:100%}.form-row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.form-group{flex-direction:column;margin-bottom:24px;display:flex}.form-group label{color:#ddd;letter-spacing:.5px;margin-bottom:9px;font-size:.8rem;font-weight:700}.form-group input,.form-group textarea{color:#fff;box-sizing:border-box;background:#171717;border:1px solid #3a3a3a;outline:none;width:100%;padding:15px 16px;font-family:inherit;font-size:.9rem;transition:all .3s}.form-group input{height:50px}.form-group textarea{resize:vertical;min-height:145px;line-height:1.6}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group input:focus,.form-group textarea:focus{background:#1b1b1b;border-color:#60a5fa}.contact-submit{color:#111;cursor:pointer;background:#60a5fa;border:none;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:0 28px;font-family:inherit;font-size:.9rem;font-weight:800;transition:all .3s;display:inline-flex}.contact-submit span{font-size:1.1rem}.contact-submit:hover{background:#fff;transform:translateY(-2px)}.contact-details{padding-left:20px}.contact-message{margin-bottom:35px}.contact-message p{color:#bbb;max-width:450px;margin:0;font-size:1.1rem;line-height:1.7}.contact-links{flex-direction:column;display:flex}.contact-link{color:#fff;border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.contact-link:first-child{border-top:1px solid #333}.contact-link span:last-child{color:#60a5fa;font-size:1.2rem;transition:all .3s}.contact-link:hover{color:#60a5fa;padding-left:8px}.contact-link:hover span:last-child{transform:translate(4px,-4px)}@media (width<=850px){.contact-section{padding:90px 6%}.contact-content{grid-template-columns:1fr;gap:55px}.contact-details{padding-left:0}}@media (width<=600px){.contact-section{padding:75px 22px 85px}.contact-header{margin-bottom:50px}.contact-header h2{letter-spacing:-1px;font-size:2.8rem}.contact-header p{font-size:.92rem}.contact-content{padding-top:30px}.form-row{grid-template-columns:1fr;gap:0}.form-group input{height:48px}.form-group textarea{min-height:130px}.contact-submit{width:100%}.contact-message p{font-size:1rem}}.contact-status{color:#60a5fa;margin-top:16px;font-size:.85rem;font-weight:600}.footer{color:#fff;background:#0b0b0b;width:100%;padding:70px 7% 25px}.footer-container{border-bottom:1px solid #2d2d2d;grid-template-columns:1.3fr 1fr .7fr;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding-bottom:55px;display:grid}.footer-name{color:#fff;letter-spacing:1px;margin-bottom:12px;font-size:1.35rem;font-weight:900;display:inline-block}.footer-name span{color:#60a5fa}.footer-brand p{color:#777;margin:0;font-size:.85rem;line-height:1.6}.footer-links{grid-template-columns:repeat(2,auto);align-content:start;gap:13px 30px;display:grid}.footer-links a,.footer-social a{color:#aaa;width:fit-content;font-size:.85rem;transition:all .3s}.footer-links a:hover,.footer-social a:hover{color:#60a5fa}.footer-social{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.footer-bottom{color:#666;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1200px;margin:22px auto 0;font-size:.75rem;display:flex}@media (width<=850px){.footer{padding:60px 6% 25px}.footer-container{grid-template-columns:1fr 1fr;gap:45px}.footer-brand{grid-column:1/-1}}@media (width<=600px){.footer{padding:55px 22px 25px}.footer-container{grid-template-columns:1fr;gap:35px;padding-bottom:40px}.footer-brand{grid-column:auto}.footer-links{grid-template-columns:repeat(2,1fr);gap:14px 20px}.footer-social{flex-direction:row;gap:25px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;line-height:1.5}}