@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-color:#091413;--secondary-color:#0db760;--background-color:#f8f8f8;--accent-color:#0db760;--letter-spacing:.02rem;--word-spacing:.05rem;--text-color:#f8f8f8;--border-color:#000;--sub-text-color:#4b5563;--card-text-color:#f1f1f1}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;height:100%;font-family:Outfit,sans-serif;font-size:62.5%}li,a{font-family:Outfit,sans-serif;text-decoration:none;list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:.6rem 1.2rem}.btn{letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);border:2px solid;border-color:var(--accent-color);color:var(--primary-color);cursor:pointer;border-radius:4px;padding:.8rem 1.5rem;font-size:clamp(1rem,2vw + .5rem,1.4rem);transition:all .5s linear;display:inline-block}.btn:hover{background-color:var(--secondary-color)}section{scroll-margin-top:80px}.footer-section{background-color:var(--primary-color);color:var(--text-color);padding:2rem 0}.footer-text{text-align:center;letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);font-size:clamp(1rem,2vw + .5rem,1.4rem)}.text-blur-out{animation:2s ease-in-out 1s infinite alternate-reverse both text-blur-out}@keyframes text-blur-out{0%{filter:blur(.01px)}to{filter:blur(9px)opacity(0%)}}.spinner p{letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);text-align:center;font-size:clamp(2rem,2vw + .5rem,4rem)}.hero-section{align-items:center;width:100%;min-height:calc(100dvh - 80px);padding:2rem 0;display:flex}.hero-section .hero-content{grid-template-columns:1fr 1fr;grid-template-areas:"left right";align-items:center;gap:6rem;width:100%;display:grid}.hero-section .hero-content .hero-left{grid-area:left}.hero-section .hero-content .hero-right{grid-area:right;justify-self:end}.hero-right .img-container{background-color:var(--secondary-color);border-radius:.5rem;width:400px;height:400px;position:relative}.hero-right .img-container .outline{border:6px solid var(--border-color);border-radius:.5rem;width:400px;height:400px;position:absolute;top:40px;left:-30px}.hero-right .img-container figure{aspect-ratio:4/3;overflow:hidden}.hero-right .img-container img{object-fit:contain;border-radius:.5rem;width:100%;height:100%;position:absolute;bottom:0}.label{color:var(--secondary-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);font-size:clamp(1.5rem,2vw + .6rem,2.5rem);font-weight:500;line-height:5rem}.headline{font-size:clamp(3rem,4vw + .7rem,4rem);line-height:4.3rem}.subheadline{color:var(--sub-text-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);padding-top:1.5rem;font-size:clamp(1rem,2vw + .5rem,1.4rem);font-weight:400;line-height:1.9rem}.cta{align-items:center;gap:2rem;margin-top:3.9rem;display:flex}.cta a{color:var(--text-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);font-size:clamp(.6rem,2vw + .5rem,1.7rem)}.projects,.cv{background-color:var(--primary-color);color:var(--text-color);align-items:center;gap:clamp(.3rem,1vw + .1rem,1rem);padding:1.6rem 4.7rem;transition:all .4s linear;display:flex}.projects:hover,.cv:hover{background-color:var(--secondary-color);color:var(--primary-color);transform:translateY(-3px)}.projects:hover a,.cv:hover a{color:var(--primary-color)}.hero-icons{transition:transform .3s}.projects:hover .hero-icons,.cv:hover .hero-icons{transform:translate(8px)}@media screen and (width<=942px){.hero-section{min-height:calc(100dvh - 80px);padding:4rem 0}.hero-section .hero-content{grid-template-columns:1fr;grid-template-areas:"right""left";place-items:center;gap:4rem}.hero-section .hero-content .hero-right{grid-area:right;justify-self:center}}@media screen and (width<=500px){.hero-right .img-container{width:280px;height:280px;margin:0 auto}.hero-right .img-container .outline{border-width:4px;width:280px;height:280px;top:15px;left:-10px}.hero-right .img-container figure{aspect-ratio:1}.hero-right .img-container img{object-fit:cover;border-radius:.5rem;width:100%;height:100%;position:relative}.projects,.cv{background-color:var(--primary-color);color:var(--text-color);align-items:center;gap:clamp(.3rem,1vw + .1rem,1rem);padding:1.6rem 3rem;transition:all .4s linear;display:flex}}@media (width<=304px){.cta{flex-direction:column;align-items:start;gap:1rem}}header{z-index:100;height:80px;transition:all .5s ease-in-out;position:sticky;top:0}.container-box{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding-top:.6rem;display:grid}.nav-contact-btn{justify-self:end}.nav-container{justify-content:space-between;align-items:center;gap:2rem;display:flex}.nav-items ul{justify-content:center;align-items:center;gap:4rem;display:flex;position:relative;left:100px}.nav-items ul li{letter-spacing:var(--letter-spacing);font-size:clamp(1.4rem,2vw + .5rem,1.8rem)}.nav-link{color:var(--primary-color)}.nav-link:hover{color:var(--accent-color)}.nav-link-active{color:var(--primary-color);font-weight:600}.nav-link-active:hover{color:var(--accent-color)}.nav-container .nav-items ul li:after{content:"";background-color:var(--accent-color);width:0%;height:2px;transition:width .5s linear;display:block}.nav-container .nav-items ul li:hover:after{width:100%}.nav-items-mobile{display:none}header.scrolled{-webkit-backdrop-filter:blur(12px);z-index:999;background:#fff9;box-shadow:0 6px 20px #0000001f}@media screen and (width<=998px){.nav-items{display:none}.nav-items-mobile{z-index:999;background:var(--primary-color);width:100%;padding:3rem 1.2rem;display:block;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #0000001a}.nav-items-mobile ul{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-items-mobile .nav-link,.nav-items-mobile .nav-link-active{color:var(--text-color)}.nav-items-mobile ul li{letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);font-size:clamp(1.3rem,2vw + .5rem,1.6rem)}}.about-section{padding-top:10rem}.stats-divider{background:var(--sub-text-color);opacity:.5;width:.3rem;height:10rem}.stats{justify-content:space-between;display:flex}.stat-item h2{color:var(--secondary-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);font-size:clamp(3rem,4vw + .5rem,5.5rem)}.stat-item p{color:var(--sub-text-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);font-size:clamp(1.2rem,2vw + .5rem,1.4rem);line-height:1.9rem}.about-text{padding:4.5rem 0}.about-text h2{color:var(--secondary-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);text-align:center;font-size:clamp(3rem,4vw + .5rem,5.5rem)}.about-text p{color:var(--sub-text-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);text-align:center;padding:1rem 0;font-size:clamp(1.2rem,2vw + .5rem,1.4rem);line-height:1.9rem}.tech-stack{justify-content:flex-start;align-items:center;display:flex}.tech-stack h2{color:var(--secondary-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);font-size:clamp(3rem,4vw + .5rem,5.5rem)}.line-tech{background:var(--sub-text-color);opacity:.5;width:.3rem;height:15rem;margin:0 7rem}.tech-list ul{flex-wrap:wrap;gap:1.5rem;display:flex}.tech-list ul li{color:var(--sub-text-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);border:1px solid var(--secondary-color);padding:.7rem 3rem;font-size:clamp(1.5rem,2vw + .5rem,1.8rem);line-height:1.9rem;transition:all .4s linear}.tech-list ul li:hover{background:var(--secondary-color);color:var(--primary-color);border:1px solid var(--secondary-color);transform:scale(1.1)}@media screen and (width<=415px){.tech-stack{flex-direction:column;display:flex}.line-tech{background:var(--sub-text-color);opacity:.5;width:100%;height:.1rem;margin:1rem 0}.tech-list{padding-top:2rem}.stats{gap:1.5rem}}.experience-section{padding:15rem 0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.experience-container{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.experience-heading,.edu-heading{letter-spacing:.15em;text-transform:uppercase;color:var(--secondary-color);border-bottom:1px solid var(--sub-text-color);margin-bottom:32px;padding-bottom:12px;font-size:clamp(3rem,4vw + .5rem,5.5rem);font-weight:600}.timeline,.edu-timeline{flex-direction:column;gap:16px;display:flex}.timeline-item{flex-direction:column;gap:0;display:flex}.timeline-left{display:none}.timeline-content,.edu-content{cursor:default;will-change:transform;background:#111;border:1px solid #1e1e1e;border-radius:12px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}.timeline-content:hover,.edu-content:hover{border-color:#333;transform:translateY(-6px)scale(1.015);box-shadow:0 16px 40px #0009}.timeline-dot,.edu-dot{display:none}.timeline-date,.edu-date{letter-spacing:.08em;text-transform:uppercase;color:var(--card-text-color);margin-bottom:10px;font-size:11px;font-weight:500;display:inline-block}.company,.edu-school{color:var(--card-text-color);margin:0 0 4px;font-size:clamp(1.2rem,2vw + .5rem,1.6rem);font-weight:700;line-height:1.3}.title,.edu-degree{color:var(--card-text-color);margin:0 0 12px;font-size:13px}.desc,.edu-desc{color:var(--card-text-color);margin:0 0 14px;font-size:13px;line-height:1.65}.resp{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.resp li{color:var(--card-text-color);padding-left:14px;font-size:13px;line-height:1.5;position:relative}.resp li:before{content:"–";color:var(--card-text-color);position:absolute;left:0}.tech{flex-wrap:wrap;gap:8px;display:flex}.tech span{letter-spacing:.05em;color:var(--card-text-color);background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:color .2s,border-color .2s}.timeline-content:hover .tech span{color:#bbb;border-color:#3a3a3a}@media (width<=768px){.experience-container{grid-template-columns:1fr;gap:40px}.timeline-content:hover,.edu-content:hover{transform:translateY(-4px)scale(1.01)}}@media (width<=480px){.experience-section{padding:48px 0}.timeline-content,.edu-content{padding:18px}.timeline-content:hover,.edu-content:hover{transform:translateY(-3px)scale(1.008)}}.project-section{padding:5rem 0}.project-heading{color:var(--secondary-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);text-align:center;text-transform:uppercase;font-size:clamp(3rem,4vw + .5rem,5.5rem)}.sub-text{color:var(--sub-text-color);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);text-align:center;margin-bottom:3.5rem;font-size:clamp(1.2rem,2vw + .5rem,1.4rem);line-height:1.9rem}.project-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.project-card{background:#111;border:1px solid #222;border-radius:12px;padding:20px;transition:all .3s}.project-card:hover{border-color:#555;transform:translateY(-5px)}.proj-title{color:#fff;margin-bottom:8px;font-size:18px}.proj-desc{color:#ccc;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.proj-problem{color:#aaa;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;display:-webkit-box;overflow:hidden}.proj-features{color:#bbb;margin:10px 0;padding-left:18px;font-size:13px}.proj-tech span{color:#ddd;background:#222;border-radius:20px;margin:3px;padding:4px 10px;font-size:12px;display:inline-block}.proj-links{margin-top:10px}.proj-links a{color:#ddd;border-bottom:1px solid #0000;margin-right:10px;font-size:13px;text-decoration:none;transition:all .5s}.proj-links a:hover{color:#fff;border-color:#fff}.title-type{justify-content:space-between;gap:10px;display:flex}.title-type .proj-type{color:#dcc280;text-transform:uppercase;font-size:clamp(.5rem,1vw + .5rem,1.2rem)}@media (width<=480px){.proj-desc,.proj-problem{-webkit-line-clamp:3}}.contact-section{padding:10rem 0}.contact-container{max-width:560px;margin:0 auto;padding:0 24px}.contact-label{letter-spacing:.18em;text-transform:uppercase;color:#888;margin-bottom:10px;font-size:11px;font-weight:600}.contact-heading{color:#000;margin:0 0 8px;font-size:32px;font-weight:700;line-height:1.2}.contact-sub{color:#666;margin:0 0 40px;font-size:14px;line-height:1.6}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label{letter-spacing:.06em;text-transform:uppercase;color:#333;font-size:12px;font-weight:600}.form-input,.form-textarea{color:#000;box-sizing:border-box;background:0 0;border:1.5px solid #22c55e;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:#aaa}.form-input:focus,.form-textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e2e}.form-textarea{resize:vertical;min-height:140px;line-height:1.6}.contact-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:#22c55e;border:none;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.contact-btn:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 24px #22c55e40}.contact-btn:active{box-shadow:none;transform:translateY(0)}.contact-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #22c55e66}.contact-btn svg{transition:transform .2s}.contact-btn:hover svg{transform:translate(3px)}@media (width<=600px){.contact-heading{font-size:26px}.form-row{grid-template-columns:1fr}.contact-btn{width:100%}}@media (width<=360px){.contact-container{padding:0 16px}.contact-heading{font-size:22px}}