*{font-family:Poppins,sans-serif;box-sizing:border-box}html{font-size:62.5%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td,figure,menu,nav,section{margin:0;padding:0}body{background:#000;color:#000;font-size:1.7rem;line-height:3rem;font-weight:400;text-rendering:optimizeLegibility;word-wrap:break-word;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}h1,h2,h3,h4,h5,h6{color:#000;font-style:normal;text-rendering:optimizeLegibility;font-variant-ligatures:common-ligatures}h1{font-size:3.1rem;line-height:1.355;letter-spacing:-.1rem;margin-bottom:2.1rem}h2{font-size:2.4rem;line-height:1.25;margin-bottom:2.1rem}h3{font-size:2rem;line-height:1.5;margin-bottom:1.8rem}h4{font-size:1.7rem;line-height:1.765;margin-bottom:1.8rem}h5{font-size:1.4rem;line-height:1.714;text-transform:uppercase;letter-spacing:.15rem;margin-bottom:1.2rem}h6{margin-bottom:1.2rem}p.lead{font-size:2rem;line-height:1.8;color:#000}a,a:visited{color:#000;text-decoration:none;line-height:inherit;transition:all .3s ease-in-out}ul{list-style:disc;margin-left:1.7rem}ol{margin-left:1.7rem}li{display:list-item;padding-left:.4rem}img,video{max-width:100%;height:auto;border:0}canvas{width:100%}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}.row{width:94%;max-width:1140px;margin:0 auto;text-align:center}.row:before,.row:after,[class*=block-]:before,[class*=block-]:after{content:"";display:table}.row:after,[class*=block-]:after{clear:both}[class*=col-],.bgrid{float:left}[class*=col-]{padding:0 20px}.col-four{width:33.33333%}.col-six{width:50%}.col-twelve{width:100%}.block-1-6 .bgrid{width:16.66667%}.block-1-6 .bgrid:nth-child(6n+1){clear:both}.button,a.button,button,input[type=submit],input[type=reset],input[type=button]{display:inline-block;font-size:1.4rem;text-transform:uppercase;letter-spacing:.3rem;height:5.4rem;line-height:5.4rem;padding:0 3rem;margin:0 .3rem 1.2rem 0;background:#d8d8d8;color:#000;text-decoration:none;cursor:pointer;text-align:center;white-space:nowrap;border:none;transition:all .3s ease-in-out}#intro{overflow:hidden;background:#000;background-size:cover;background-attachment:fixed;width:100%;height:100vh;min-height:800px;position:relative;text-align:center;padding:0;margin:0;display:block}#intro canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block}.intro-content{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;background-color:transparent;padding:20px 0}.intro-content h1{color:#fff;font-size:8.4rem;line-height:1.071;max-width:900px;text-shadow:0 0 20px rgba(0,0,0,.5);margin:0 auto .6rem}.intro-content h5{color:#fff;font-size:2.3rem;line-height:1.565;margin-bottom:15px;text-transform:uppercase;letter-spacing:.3rem;text-shadow:0 0 6px rgba(0,0,0,.2)}.intro-content .intro-position{font-size:1.7rem;line-height:2.4rem;text-transform:uppercase;letter-spacing:.2rem;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.2);margin-bottom:30px}.intro-content .intro-position span{display:inline-block}.intro-content .intro-position span:after{content:"|";text-align:center;display:inline-block;padding:0 8px 0 14px;color:#ffffff4d}.intro-content .intro-position span:first-child:before{content:"|";text-align:center;display:inline-block;padding:0 14px 0 8px;color:#ffffff4d}.intro-content .button{color:#fff!important;border-color:#ffffff4d;border-radius:25px;height:6rem!important;line-height:5.4rem!important;padding:0 3.5rem 0 3rem!important;margin-top:15px;font-size:1.3rem;text-transform:uppercase;letter-spacing:.25rem}.intro-social{position:absolute;width:100%;left:0;bottom:50px;font-size:3.3rem;margin:0;padding:0;z-index:2;text-align:center}.intro-social li{display:inline-block;margin:0 20px;padding:0}.intro-social li a,.intro-social li a:visited{color:#fff}#about{background:#f8f9fa}#about .section-intro{margin-bottom:3rem}#about p{color:#000;margin:0;padding:0;text-align:center}#about h3{text-align:center}.about-content{position:relative;max-width:850px;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:2rem auto;transition:transform .3s ease,box-shadow .3s ease}.about-content:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.about-content h3{font-size:1.8rem;text-transform:uppercase;letter-spacing:.25rem}.about-content .info-list{list-style:none;margin-left:0}.about-content .info-list li{padding:0 0 1.5rem;margin-bottom:.6rem}.about-content .info-list li strong{color:#000;text-transform:uppercase;letter-spacing:.2rem;font-size:1.5rem;line-height:3rem}.about-content .info-list li span{display:block;color:#000;font-size:1.5rem;line-height:1}.section-intro{max-width:700px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:3.6rem;position:relative}.section-intro h1{font-size:3.6rem;color:#000;line-height:1.25;margin-bottom:1.2rem}.skill-bars{list-style:none;margin:6rem 0 3rem}.skill-bars li{height:.6rem;background:#a1a1a1;width:100%;margin-bottom:6rem;padding:0;position:relative}.skill-bars li strong{position:absolute;left:0;top:-3rem;color:#000;text-transform:uppercase;letter-spacing:.2rem;font-size:1.5rem;line-height:2.4rem}.skill-bars li .progress{background:#000;position:relative;height:100%}.skill-bars li .progress span{position:absolute;right:0;top:-3.6rem;display:block;color:#fff;font-size:1.1rem;line-height:1;background:#000;padding:.6rem;border-radius:3px}.skill-bars li .progress span:after{position:absolute;left:50%;bottom:-5px;margin-left:-5px;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #000;content:""}.skill-bars li .percent99{width:99%}#resume{padding:6rem 0;background:#e8f4f8}#resume h2,#resume p,#resume li,#resume small{color:#000}#resume .resume-timeline{max-width:980px}#resume .timeline-wrap{position:relative;margin-top:1.5rem;margin-bottom:6rem}#resume .timeline-block{position:relative;background:#fff;margin:2rem 0;padding:3rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}#resume .timeline-block:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}#resume .timeline-header{width:100%;text-align:center;margin-bottom:1rem}#resume .timeline-header h3{margin-bottom:0}#resume .timeline-header p{font-size:1.6rem;color:#000}#resume .timeline-content{width:100%;padding-left:0;text-align:center}#resume .timeline-content h4{position:relative;padding-bottom:1.8rem}#resume .timeline-content .responsibility-list{text-align:left;list-style:disc;padding-left:2rem;margin:0}#resume .timeline-content .responsibility-list li{margin-bottom:.8rem;padding:.5rem 0;line-height:1.6}#portfolio{background:#d3d3d3;padding-top:6rem;padding-bottom:6rem}.portfolio-item{text-align:center;color:#000}.portfolio-item p{font-size:1.7rem!important;margin-left:auto;margin-right:auto;width:80%;text-align:center}.portfolio-item div{padding-bottom:15px}.portfolio-list{display:flex;flex-direction:column;gap:3rem}.portfolio-item{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.folio-title{color:#f07;font-size:2.4rem;margin-bottom:1rem;font-weight:700}.folio-desc{color:#333;font-size:1.7rem!important;line-height:1.6;margin-bottom:2rem}.folio-links{text-align:center}.github-link{color:#333;transition:color .3s ease}.github-link:hover{color:#f07}#contact{background:#151515;padding-top:6rem;padding-bottom:6rem}#contact .section-intro h1{color:#fff}#contact .section-intro p{color:#ffffffb3}#contact p{color:#fff}.contact-info{margin:4.8rem auto 0;font-size:1.5rem;text-align:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:flex-start;max-width:1200px;width:100%}.row.contact-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;margin:4.8rem auto 0;max-width:1200px;width:100%}.contact-info .col-four,.row.contact-info .col-four{flex:1;min-width:250px;max-width:300px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0;padding:0}.contact-info .icon{background:#ffffff1a;padding:2rem;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,background .3s ease;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto}.contact-info .icon:hover{transform:translateY(-5px);background:#ffffff26}.contact-info .icon i{font-size:4.2rem;color:#fff}.contact-info h5{color:#f07}#stats{background:linear-gradient(135deg,#990047,#f07);padding:4rem 0;text-align:center}#stats .row{max-width:1440px}#stats .stat{background:#ffffff1a;margin:1rem;padding:2rem;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,background .3s ease}#stats .stat:hover{transform:translateY(-5px);background:#ffffff26}#stats .stat:first-child{border:1px solid rgba(255,255,255,.2)}#stats .icon-part i,#stats .stat-count,#stats .stat-title,#stats small,.stat-item{color:#fff}footer{padding-bottom:3rem;font-size:1.4rem}footer .row{max-width:900px}footer .copyright span{position:absolute;left:50%;transform:translate(-50%);color:#fff!important}footer .copyright span:after{content:"|";display:inline-block;padding:0 1rem 0 1.2rem;color:#fff!important}footer .copyright span:last-child:after{display:none}.white{color:#fff}.black{color:#000}.padding-top-3{padding-top:3rem}.padding-bottom-3{padding-bottom:3rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-intro{animation:fadeInUp .8s ease-out}.about-content,.timeline-block,.portfolio-item,.contact-info .icon,#stats .stat{animation:fadeInUp .6s ease-out}a,button,.button{transition:all .3s cubic-bezier(.4,0,.2,1)}.button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media only screen and (max-width:1024px){.bgrid{padding:0 18px}header .top-bar{left:60px}html{font-size:9.4117647058824px}.intro-content h1{font-size:7.6rem}.intro-social{font-size:3rem}.intro-social li{margin:0 15px}#resume .timeline-header{padding-right:50px;text-align:center}#resume .timeline-header h3{font-size:1.8rem}#resume .timeline-header p{font-size:1.4rem}#resume .timeline-content{padding-left:0;text-align:center}#stats .stat:nth-child(n){border-left:1px solid rgba(255,255,255,.12);padding-bottom:1.5rem}#stats .stat:nth-child(3n+1){border:none}}@media only screen and (max-width:768px){.about-content h3{text-align:center}.about-content{padding:2rem}.timeline-block{margin:1rem;padding:2rem}.portfolio-item{padding:2rem}.contact-info,.row.contact-info{flex-direction:column;align-items:center;justify-content:center;width:100%;margin:4.8rem auto 0;padding:0 1rem}.contact-info .col-four,.row.contact-info .col-four{min-width:200px;max-width:100%;margin-bottom:2rem;flex:none}.contact-info .icon{width:70px;height:70px;margin:0 auto 1rem}#stats .stat{margin:.5rem;padding:1.5rem}}@media only screen and (max-width:480px){.contact-info{padding:0 1rem}.contact-info .col-four,.row.contact-info .col-four{min-width:180px;max-width:100%;flex:none}.contact-info .icon{width:60px;height:60px}.about-content .info-list,.about-content .skill-bars{margin-bottom:4.2rem}.bgrid{padding:0 15px}footer{text-align:center}footer .social{display:block;width:100%;text-align:center;margin-bottom:1.5rem}footer .copyright span{display:block}footer .copyright span:after{display:none}header .top-bar{left:50px}html{font-size:10px}#intro{min-height:660px}.intro-content h1{font-size:5.2rem}.intro-content h5{font-size:1.8rem}.intro-content .intro-position{font-size:1.3rem}.intro-social{font-size:2.5rem}.intro-social li{margin:0 10px}p.lead{font-size:1.7rem}#resume .timeline-header{float:none;width:auto;padding-right:15px;text-align:center}#resume .timeline-header h3{font-size:2rem}#resume .timeline-header p{font-size:1.5rem;margin-bottom:1.5rem}#resume .timeline-content{margin:0;text-align:center}#resume .timeline-content h4{padding-bottom:0;padding-top:2.1rem;margin-bottom:.6rem;font-size:1.7rem}#resume .timeline-header,#resume .timeline-content{padding-left:0}.section-intro{max-width:650px}.section-intro h1{font-size:3rem}#stats .stat:nth-child(n){border-left:1px solid rgba(255,255,255,.12)}#stats .stat:nth-child(odd){border:none}}@media only screen and (max-width:600px){.bgrid{padding:0 10px}h1,.h01{font-size:2.6rem;letter-spacing:-.07rem}header .top-bar{left:35px}#intro{min-height:600px}.intro-content h1{font-size:4.6rem;margin-bottom:.6rem}.intro-content h5{font-size:1.5rem;margin-bottom:.3rem;letter-spacing:.2rem}.intro-content .intro-position{font-size:1.2rem}.intro-content .intro-position span{padding:0 .6rem}.intro-content .intro-position span:before,.intro-content .intro-position span:after{display:none!important}.intro-social{font-size:2.4rem}.section-intro h1{font-size:2.6rem}.section-intro h5{font-size:1.5rem;letter-spacing:.3rem}#stats .stat:nth-child(n){border:none}.hidemobile{display:none}}@media only screen and (max-width:480px){#resume .timeline-header,#resume .timeline-content{padding-left:0}}@media only screen and (max-width:400px){.bgrid{padding:0}header .top-bar{left:25px}html{font-size:9.4117647058824px}.section-intro h1{font-size:2.4rem}}