@import"https://fonts.googleapis.com/css2?family=Unica+One&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px;position:relative;z-index:10001;border-radius:8px;transition:all .3s ease}.hamburger:hover{background:#ffffff1a;transform:scale(1.05)}.hamburger:active{transform:scale(.95)}.hamburger span{display:block;width:24px;height:2.5px;border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;left:50%;transform:translate(-50%)}.hamburger span:nth-child(1){top:12px}.hamburger span:nth-child(2){top:50%;transform:translate(-50%,-50%)}.hamburger span:nth-child(3){bottom:12px}.hamburger.open span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:translate(-50%,-50%) scale(0)}.hamburger.open span:nth-child(3){bottom:50%;transform:translate(-50%,50%) rotate(-45deg)}.nav-menu{display:flex;gap:2.5rem;align-items:center}.nav-menu a{font-size:1.5rem;position:relative;transition:all .3s ease;padding:8px 0}.nav-menu a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:currentColor;transition:all .3s ease;transform:translate(-50%)}.nav-menu a:hover:after{width:100%}.nav-menu a:hover{transform:translateY(-2px);filter:brightness(1.2)}.overlay{display:none}@media (max-width: 768px){.hamburger{display:flex;align-items:center;justify-content:center}.nav-menu{position:fixed;top:0;right:-100%;width:75%;max-width:320px;height:100vh;background:var(--accent-color);flex-direction:column;justify-content:center;align-items:flex-start;gap:2.5rem;padding:3rem 2.5rem;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);z-index:10000;box-shadow:-10px 0 40px #0000004d}.nav-menu.open{right:0}.nav-menu a{font-size:2.2rem;font-weight:700;position:relative;padding:12px 0;width:100%;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);opacity:0;transform:translate(30px)}.nav-menu.open a{opacity:1;transform:translate(0)}.nav-menu.open a:nth-child(1){transition-delay:.1s}.nav-menu.open a:nth-child(2){transition-delay:.15s}.nav-menu.open a:nth-child(3){transition-delay:.2s}.nav-menu a:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:0;height:3px;background:currentColor;border-radius:2px;transition:width .3s ease}.nav-menu a:hover:before{width:12px}.nav-menu a:hover{padding-left:8px;filter:brightness(1.3);transform:translate(0)}.nav-menu a:after{display:none}.overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:#2e2e2ebf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;animation:fadeIn .3s ease}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px) and (min-width: 481px){.nav-menu{max-width:350px}.nav-menu a{font-size:2.4rem}}@media (max-width: 480px){.nav-menu{width:85%;padding:2.5rem 2rem;gap:2rem}.nav-menu a{font-size:1.9rem}.hamburger{width:36px;height:36px}.hamburger span{width:22px}}.hero{display:flex;flex-direction:column;justify-content:center;align-self:first baseline;background-color:var(--primary-color);width:100%;overflow:hidden}.hero-name{color:var(--accent-color);font-size:clamp(4rem,10vw,10rem);font-weight:700;padding:0 50px;overflow:hidden;word-wrap:break-word}.hero-img{display:none}.hero-des{padding-top:20px;display:flex;color:var(--accent-color);justify-content:space-around;align-items:center;overflow:hidden;flex-wrap:wrap;gap:1rem}.hero-des h2{font-size:clamp(3rem,5vw,5rem);font-weight:700;overflow:hidden}.hero-data{display:flex;gap:clamp(2rem,8vw,10rem);overflow:hidden;flex-wrap:wrap;justify-content:center}.hero-data-t{font-size:clamp(1rem,1.2vw,1.2rem);display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.hero-data-td{font-size:clamp(1rem,1.2vw,1.2rem);text-decoration:underline;font-weight:700;overflow:hidden}.resume-link{color:var(--accent-color);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom .3s ease-in-out}.resume-link:hover{border-bottom:2px solid var(--accent-color)}.little-abt-me{display:flex;align-items:right;padding:80px 50px 0;height:auto;min-height:92vh;width:100%}.abt-container{text-align:right;padding:30px;border-radius:10px;width:100%}.lit-abt-title{font-size:clamp(4rem,8vw,8rem);font-weight:700;color:#f2de9b;margin-bottom:15px}.lit-abt-text{text-align:left;font-size:clamp(1.2rem,2vw,24px);line-height:1.4;width:100%;max-width:70%;font-family:DM Sans,sans-serif;color:var(--primary-color);margin-bottom:10px}.lit-abt-text strong{color:#9b8744}.lit-abt-tabs{margin:50px auto 0;color:var(--primary-color);text-align:center;width:max-content;max-width:100%;padding:16px;border:2px solid var(--primary-color);display:flex;flex-direction:column;gap:20px}.lit-abt-tab{font-size:clamp(1.8rem,4vw,42px);align-items:center;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.lit-abt-tab img{height:clamp(40px,6vw,60px);width:clamp(40px,6vw,60px);object-fit:contain;transition:filter .3s ease-in-out}@media (max-width: 1024px){.little-abt-me{padding:60px 30px 0}.lit-abt-title{font-size:clamp(3rem,7vw,6rem)}.lit-abt-text{max-width:85%;font-size:clamp(1.1rem,1.8vw,20px)}.lit-abt-tabs{width:95%;padding:12px}.lit-abt-tab{font-size:clamp(1.5rem,3.5vw,36px);gap:15px}}@media (max-width: 768px){.little-abt-me{padding:50px 20px 0;height:auto}.abt-container{padding:20px}.lit-abt-title{font-size:clamp(2.5rem,6vw,4rem);text-align:center}.lit-abt-text{font-size:clamp(1rem,1.5vw,18px);text-align:left;width:100%;max-width:100%}.lit-abt-tabs{width:100%;padding:12px;border:1px solid var(--primary-color);gap:15px}.lit-abt-tab{font-size:clamp(1.3rem,3vw,1.8rem);flex-direction:row;align-items:center;justify-content:center;gap:10px}.lit-abt-tab img{height:clamp(35px,5vw,50px);width:clamp(35px,5vw,50px)}}@media (max-width: 480px){.little-abt-me{padding:40px 15px 0}.lit-abt-title{font-size:clamp(2rem,5vw,3rem)}.lit-abt-text{font-size:clamp(.9rem,1.2vw,16px)}.lit-abt-tabs{padding:10px;gap:12px}.lit-abt-tab{font-size:clamp(1.1rem,2.5vw,1.5rem);gap:8px}.lit-abt-tab img{height:clamp(30px,4vw,45px);width:clamp(30px,4vw,45px)}}.stepper-container{width:90%;max-width:1200px;margin:40px auto;text-align:center;font-family:Arial,sans-serif;padding:0 20px}.title{font-size:clamp(1.5rem,2.5vw,24px);font-weight:700;margin-bottom:20px}.stepper{display:flex;justify-content:space-between;position:relative;margin-bottom:20px;cursor:pointer;flex-wrap:wrap;gap:1rem}.step{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;flex:1;min-width:120px}.circle{width:clamp(50px,6vw,60px);height:clamp(50px,6vw,60px);background-color:#d6cfe1;border:2px solid #2E2E2E;color:#2e2e2e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(1.5rem,2.5vw,28px);position:relative;z-index:2;transition:background .3s;border-radius:50%}.circle.active{background-color:#2e2e2e;color:#d6cfe1}.step-title{margin-top:20px;font-size:clamp(1.3rem,2.5vw,28px);font-weight:700;transition:color .3s;color:#2e2e2e}.step-title.selected{color:#2e2e2e}.line{position:absolute;top:25%;left:0;width:100%;height:4px;background-color:#2e2e2e;z-index:1}.details{margin-top:20px}.card{padding:15px;border-radius:8px;margin-bottom:10px;color:#2e2e2e}.card-details{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:1.5rem}.count-up-text{font-size:clamp(3rem,6vw,64px);font-weight:700;margin-bottom:10px}.card a{font-size:clamp(1.2rem,2vw,24px);font-weight:700;color:#2e2e2e;opacity:1;text-align:center;text-decoration:none;transition:all .3s}.card a:hover{opacity:.8}.card h3{margin-bottom:10px;font-size:clamp(1.8rem,3.5vw,36px)}.card p{font-size:clamp(1.1rem,2vw,22px);line-height:1.5}@media (max-width: 768px){.stepper-container{width:95%;padding:0 15px;margin:30px auto}.stepper{flex-direction:column;align-items:center;gap:2rem}.step{min-width:auto;width:100%}.line{display:none}.circle{width:clamp(45px,8vw,55px);height:clamp(45px,8vw,55px)}.step-title{font-size:clamp(1.2rem,3vw,1.8rem);margin-top:15px}.card-details{flex-direction:column;gap:1rem}.count-up-text{font-size:clamp(2.5rem,5vw,3.5rem)}.card h3{font-size:clamp(1.5rem,3vw,2rem)}.card p{font-size:clamp(1rem,1.8vw,1.3rem)}.card a{font-size:clamp(1.1rem,1.8vw,1.4rem)}}@media (max-width: 480px){.stepper-container{width:100%;padding:0 10px;margin:20px auto}.title{font-size:clamp(1.3rem,2vw,1.5rem);margin-bottom:15px}.stepper{gap:1.5rem}.circle{width:clamp(40px,7vw,50px);height:clamp(40px,7vw,50px);font-size:clamp(1.2rem,2vw,1.5rem)}.step-title{font-size:clamp(1.1rem,2.5vw,1.5rem);margin-top:10px}.card{padding:12px}.count-up-text{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:8px}.card h3{font-size:clamp(1.3rem,2.5vw,1.8rem);margin-bottom:8px}.card p{font-size:clamp(.95rem,1.5vw,1.1rem)}.card a{font-size:clamp(1rem,1.5vw,1.2rem)}}:root{--accent-color: #f0f0f0;--secondary-color: #333;--font-size-large: clamp(3rem, 10vw, 10rem);--font-size-medium: clamp(2.5rem, 8vw, 5rem);--font-size-small: clamp(2rem, 5vw, 3.5rem);--gap-large: 1.5rem;--gap-small: 1rem}.tech-stack{padding:40px 20px;background-color:var(--accent-color, #111);color:var(--secondary-color, #fff);text-align:center}.tech-stack-h2{font-size:clamp(3rem,6vw,6rem);margin-bottom:30px}.tech-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;justify-items:center;align-items:stretch;max-width:1200px;margin:0 auto}.tech-card{position:relative;width:100%;max-width:220px;min-height:80px;padding:15px;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.tech-name{font-size:clamp(1.5rem,2vw,2rem);font-weight:600;color:var(--secondary-color, #333);transition:opacity .3s ease;text-align:center}.tech-icon{font-size:clamp(2rem,2.5vw,2.5rem);color:var(--secondary-color, #333);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.tech-card:hover .tech-name{opacity:0}.tech-card:hover .tech-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.tech-card:hover{transform:scale(1.05)}.about-me{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:80px 50px 0;height:auto;min-height:96vh;background-color:var(--accent-color);color:var(--secondary-color);position:relative}.about-me-img{width:33%;min-width:250px;height:100%;object-fit:cover;overflow:hidden;position:relative}.about-me-img img{width:100%;height:100%;object-fit:cover}.about-me1{display:flex;flex-direction:column;align-items:flex-end;flex:1;gap:2rem}.about-me-h2{font-weight:700;font-size:var(--font-size-large);line-height:1.1}.about-me-des{background-color:var(--secondary-color);height:auto;min-height:92vh;padding:80px 100px 50px}.a-m-des1{padding:1rem 50px;width:100%;max-width:70%;font-weight:700;color:var(--accent-color);font-size:clamp(3rem,7vw,7rem)}.get-conn{display:flex;flex-direction:column;justify-content:space-between;padding:80px 50px 50px;background-color:var(--secondary-color);color:var(--accent-color);min-height:60vh}.get-conn-1{display:flex;flex-direction:column;align-items:center}.get-conn-h2{font-size:clamp(3rem,10vw,10rem);font-weight:700;align-self:flex-end}.get-conn-p{padding:1rem 50px;font-family:DM Sans,sans-serif;font-size:clamp(1.2rem,1.5vw,1.5rem)}.get-conn-links{display:grid;grid-template-columns:repeat(2,1fr);padding:1rem 50px;gap:2rem;max-width:1200px;margin:0 auto}.get-conn-link{font-size:clamp(3rem,6vw,6rem);text-decoration:none;color:var(--accent-color);align-items:center;display:flex;font-weight:700;justify-content:center;transition:opacity .3s ease}.get-conn-link:hover{opacity:.7}.get-conn-i{font-weight:700}@media (max-width: 1024px){.about-me{flex-direction:column;align-items:center;text-align:center;height:auto;min-height:auto;padding:60px 30px;background-color:var(--accent-color)}.about-me-img{display:none}.about-me1{align-items:center;width:100%;padding:0;position:relative;z-index:1;gap:1.5rem}.about-me-h2{font-size:var(--font-size-medium);color:var(--secondary-color)}.about-me-des{height:auto;padding:50px 30px 40px;text-align:center}.a-m-des1{width:100%;max-width:90%;font-size:var(--font-size-medium);padding:1rem 20px;margin:0 auto}.tech-details{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tech-card{max-width:180px;min-height:70px}.get-conn{padding:50px 30px 40px;text-align:center}.get-conn-h2{font-size:var(--font-size-medium);align-self:center}.get-conn-p{padding:1rem 30px;font-size:clamp(1.1rem,1.3vw,1.3rem)}.get-conn-links{grid-template-columns:1fr;gap:var(--gap-small);padding:1rem 20px}.get-conn-link{font-size:clamp(2.5rem,5vw,4rem)}}@media (max-width: 768px){.about-me{padding:50px 20px;background-color:var(--accent-color);min-height:auto}.about-me-img{display:none}.about-me1{padding:0;align-items:center}.about-me-h2{color:var(--secondary-color)}.about-me-des{padding:40px 20px 30px}.a-m-des1{width:100%;max-width:100%;font-size:clamp(2rem,6vw,4rem);padding:1rem 15px}.tech-stack{padding:30px 15px}.tech-stack-h2{font-size:clamp(2.5rem,5vw,4rem)}.tech-details{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.tech-card{padding:10px;max-width:150px;min-height:60px}.tech-name{font-size:clamp(1.2rem,1.8vw,1.6rem)}.tech-icon{font-size:clamp(1.5rem,2vw,1.8rem)}.get-conn{padding:40px 20px 30px}.get-conn-h2{font-size:var(--font-size-small)}.get-conn-p{font-size:clamp(1rem,1.2vw,1.2rem);padding:1rem 20px}.get-conn-links{padding:1rem 15px}.get-conn-link{font-size:clamp(2rem,4vw,3rem)}}@media (max-width: 480px){.about-me{padding:40px 15px;background-color:var(--accent-color);min-height:auto}.about-me-img{display:none}.about-me1{padding:0;gap:1rem}.about-me-h2{font-size:var(--font-size-small);color:var(--secondary-color)}.about-me-des{padding:30px 15px 20px}.a-m-des1{font-size:clamp(1.8rem,5vw,2.5rem);padding:.8rem 10px}.tech-stack{padding:25px 10px}.tech-stack-h2{font-size:clamp(2rem,4.5vw,3rem)}.tech-details{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.tech-card{padding:8px;max-width:120px;min-height:50px}.tech-name{font-size:clamp(1rem,1.5vw,1.3rem)}.tech-icon{font-size:clamp(1.2rem,1.8vw,1.5rem)}.get-conn{padding:30px 15px 20px}.get-conn-h2{font-size:clamp(2rem,6vw,3rem)}.get-conn-p{font-size:clamp(.9rem,1.1vw,1rem);padding:.8rem 15px}.get-conn-links{padding:.8rem 10px}.get-conn-link{font-size:clamp(1.8rem,3.5vw,2.5rem)}}.blogs-page{display:flex;flex-direction:row;align-items:center;padding:80px 50px 50px;width:100%;min-height:100vh;background-color:#121212;box-sizing:border-box}.blogs-title-div{width:20%;min-width:150px;display:flex;justify-content:center;align-items:center}.blogs-title{rotate:-90deg;font-size:clamp(4rem,10vw,12rem);font-weight:700;color:teal;font-family:Unicas One,sans-serif;line-height:1;text-align:center;white-space:nowrap}.blogs-content-div{width:80%;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:30px}.blog-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:25px;width:100%}.blog-card{background-color:#1e1e1e;color:#f1f1f1;width:100%;max-width:350px;min-width:280px;padding:25px 20px;border-radius:12px;box-shadow:0 4px 6px #0003;border:1px solid #333333;transition:all .3s ease;cursor:pointer}a{text-decoration:none!important}.blog-card:hover{background-color:#262626;box-shadow:0 8px 15px #00000059;transform:translateY(-4px)}.blog-card-title{font-size:clamp(1.4rem,1.6vw,1.6rem);font-weight:700;margin-bottom:12px;color:#00b3b3;font-family:DM Sans,sans-serif}.blog-card-description{font-size:clamp(.95rem,1vw,1rem);margin-bottom:15px;font-family:DM Sans,sans-serif;line-height:1.5;color:#d1d1d1}.blog-card-link{font-size:clamp(.95rem,1vw,1rem);color:#00d9d9;text-decoration:none;font-weight:700;transition:color .2s ease}.blog-card-link:hover{text-decoration:underline;color:#0ff}@media screen and (max-width: 1200px){.blogs-page{padding:70px 40px 40px}.blogs-title-div{width:18%}.blogs-content-div{width:82%;gap:25px}.blog-card{max-width:320px;min-width:260px}}@media screen and (max-width: 1024px){.blogs-page{flex-direction:column;align-items:flex-start;padding:60px 30px 40px}.blogs-title-div{width:100%;justify-content:center;margin-bottom:25px}.blogs-title{rotate:0deg;font-size:clamp(3rem,8vw,6rem)}.blogs-content-div{width:100%;justify-content:center;gap:20px}.blog-cards{justify-content:center;gap:20px}.blog-card{max-width:400px;min-width:280px}}@media screen and (max-width: 768px){.blogs-page{padding:50px 20px 30px}.blogs-title{font-size:clamp(2.5rem,7vw,4rem);margin-top:20px}.blogs-content-div,.blog-cards{gap:18px}.blog-card{max-width:100%;min-width:250px;padding:20px 18px}}@media screen and (max-width: 600px){.blogs-page{padding:40px 15px 25px}.blogs-title{font-size:clamp(2rem,6vw,3rem);margin-top:30px;text-align:center}.blog-card{width:100%;max-width:100%;min-width:auto;padding:18px 15px}.blog-card-title{font-size:clamp(1.3rem,1.5vw,1.5rem)}.blog-card-description{font-size:clamp(.9rem,.95vw,.95rem)}}@media screen and (max-width: 400px){.blogs-page{padding:35px 12px 20px}.blogs-title{font-size:clamp(1.8rem,5vw,2.5rem)}.blog-card{padding:15px 12px}.blog-card-title{font-size:clamp(1.2rem,1.4vw,1.4rem);margin-bottom:10px}.blog-card-description{font-size:clamp(.85rem,.9vw,.9rem);margin-bottom:12px}.blog-card-link{font-size:clamp(.85rem,.9vw,.9rem)}}.blog-page-container{padding:2rem 5rem;max-width:1400px;margin:0 auto;background-color:#121212;color:var(--secondary-color);font-family:DM Sans,sans-serif}.blog-page-back-button{font-size:1.1rem;color:#00d9d9;cursor:pointer;margin-bottom:1rem;display:inline-block;transition:color .3s ease}.blog-page-back-button:hover{color:#fff;text-decoration:underline}.blog-page-title-div{text-align:center;margin-bottom:2rem;font-family:DM Sans,sans-serif}.blog-page-title{font-size:clamp(2rem,2.8vw,2.8rem);color:#00d9d9;font-family:DM Sans,sans-serif;line-height:1.3;word-wrap:break-word}.blog-page-meta{font-size:clamp(.9rem,1vw,1rem);color:#bbb;font-family:DM Sans,sans-serif;margin-top:.5rem}.blog-page-content{font-family:DM Sans,sans-serif}.blog-page-intro{font-size:clamp(1.2rem,1.5vw,1.5rem);line-height:1.6;margin-bottom:2rem;color:#00d9d9;font-family:DM Sans,sans-serif}.blog-page-banner{width:100%;border-radius:12px;margin-bottom:2rem;object-fit:cover;font-family:DM Sans,sans-serif;display:flex;justify-content:center}.blog-page-banner img{width:60%;max-width:800px;min-width:300px;height:auto;border-radius:12px}.blog-page-tldr p{background-color:teal;padding:1rem;color:#111;margin-bottom:2rem;border-left:5px solid #00ffd0;border-radius:8px;font-family:DM Sans,sans-serif;font-size:clamp(.95rem,1vw,1rem);line-height:1.5}.blog-page-story-box{background:#00808033;border-left:5px solid #00d9d9;padding:1.5rem;margin:2rem 0;border-radius:10px;font-family:DM Sans,sans-serif}.blog-page-story-box h3{color:#00d9d9;margin-bottom:1rem;font-family:DM Sans,sans-serif;font-size:clamp(1.3rem,1.5vw,1.5rem)}.blog-page-story-box ul{display:flex;flex-direction:column;margin-left:1rem;list-style:disc;font-family:DM Sans,sans-serif}.blog-page-story-box ul li{margin-bottom:.5rem;font-family:DM Sans,sans-serif;font-size:clamp(.95rem,1vw,1rem)}.blog-page-moral{margin-top:1rem;font-weight:700;color:#00d9d9;font-family:DM Sans,sans-serif;font-size:clamp(1rem,1.1vw,1.1rem)}.blog-page-back-button{cursor:pointer;color:#00d9d9;font-weight:700;margin-bottom:20px;display:inline-block}.go-to-top-button{position:fixed;bottom:30px;right:30px;background-color:#00d9d9;color:#333;border:none;border-radius:50%;width:50px;height:50px;font-size:36px;cursor:pointer;box-shadow:0 4px 6px #0003;transition:all .3s ease-in-out;opacity:0;visibility:hidden}.go-to-top-button.show{opacity:1;visibility:visible}.go-to-top-button:hover{background-color:#00a3a3;transform:scale(1.1)}.go-to-top-button:active{transform:scale(1)}.blog-page-featured-quote{background:teal;color:#111;padding:1rem 2rem;border-left:5px solid #00ffd0;margin:3rem 0;font-style:italic;border-radius:8px;font-size:1rem;font-weight:700;font-family:DM Sans,sans-serif}.blog-page-metrics-table{width:100%;margin:1.5rem 0 2.4rem;border-collapse:separate;border-spacing:0;background:#00d9d908;border-radius:12px;overflow:hidden;box-shadow:0 2px 14px #00d9d90d;font-size:1.04rem}.blog-page-metrics-table th,.blog-page-metrics-table td{padding:1rem 1.2rem;text-align:left;vertical-align:top}.blog-page-metrics-table th{min-width:145px;background:#00d9d912;color:#00d9d9;font-weight:700;font-family:DM Sans,sans-serif;border-bottom:1px solid #00d9d91a;border-right:1.5px solid #00ffd033;font-size:1.08rem}.blog-page-metrics-table td{color:#b4cadd;background:transparent;border-bottom:1px solid #00d9d91a;font-family:DM Sans,sans-serif}.blog-page-metrics-table tr:last-child td,.blog-page-metrics-table tr:last-child th{border-bottom:none}@media (max-width: 600px){.blog-page-metrics-table th,.blog-page-metrics-table td{padding:.75rem .6rem;font-size:.92rem}.blog-page-metrics-table th{min-width:110px}}.blog-page-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.blog-page-metrics-title,.blog-page-tools-title,.blog-page-career-title{font-size:clamp(1.3rem,1.5vw,1.5rem);font-weight:700;margin-bottom:1rem;color:#00d9d9;font-family:DM Sans,sans-serif}.blog-page-key-metrics,.blog-page-tools-list ul{display:flex;gap:.5rem;font-size:clamp(1.1rem,1.2vw,1.2rem);color:#aaa;font-family:DM Sans,sans-serif;flex-wrap:wrap}.blog-page-paragraph{margin:1rem 0;font-size:clamp(.95rem,1vw,1rem);line-height:1.6;color:#aaa;font-family:DM Sans,sans-serif}.blog-page-tags span,.blog-page-key-metrics li,.blog-page-tools-list li{background-color:#00ffd01a;color:#00d9d9;margin-right:8px;padding:.4rem .8rem;border-radius:30px;font-size:clamp(.85rem,.9vw,.9rem);display:inline-block;font-family:DM Sans,sans-serif}.blog-page-footer{text-align:center;margin-top:4rem;font-size:clamp(.95rem,1vw,1rem);color:#aaa;padding-bottom:2rem}.blog-page-footer a{color:#00d9d9;text-decoration:none;transition:color .3s ease}@media (max-width: 1024px){.blog-page-container{padding:2rem 3rem}.blog-page-banner img{width:70%}.go-to-top-button{bottom:25px;right:25px;width:48px;height:48px;font-size:32px}}@media (max-width: 768px){.blog-page-container{margin:0 20px;padding:1.5rem}.blog-page-title{font-size:clamp(1.8rem,2.5vw,2.2rem)}.blog-page-intro{font-size:clamp(1.1rem,1.3vw,1.2rem)}.blog-page-banner img{width:85%}.blog-page-tldr p,.blog-page-featured-quote,.blog-page-story-box{font-size:clamp(.9rem,.95vw,.95rem);padding:1rem}.blog-page-key-metrics,.blog-page-tools-list ul{flex-direction:column;gap:.3rem;align-items:flex-start}.blog-page-tags{justify-content:flex-start}.go-to-top-button{bottom:20px;right:20px;width:45px;height:45px;font-size:28px}}@media (max-width: 480px){.blog-page-container{margin:0 10px;padding:1rem}.blog-page-title{font-size:clamp(1.5rem,2vw,1.8rem)}.blog-page-intro{font-size:clamp(1rem,1.1vw,1.1rem)}.blog-page-meta{font-size:clamp(.85rem,.9vw,.9rem)}.blog-page-banner img{width:100%;min-width:auto}.blog-page-tldr p,.blog-page-featured-quote,.blog-page-story-box{font-size:clamp(.85rem,.9vw,.9rem);padding:.8rem}.blog-page-key-metrics li,.blog-page-tools-list li,.blog-page-tags span{font-size:clamp(.8rem,.85vw,.85rem);padding:.3rem .6rem}.blog-page-paragraph{font-size:clamp(.9rem,.95vw,.95rem);line-height:1.5}.blog-page-back-button{font-size:clamp(.95rem,1vw,1rem)}.go-to-top-button{width:40px;height:40px;font-size:24px;bottom:15px;right:15px}}:root{--primary-color: #F2DE9B;--secondary-color: #D6CFE1;--accent-color: #2E2E2E}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:#0000000d;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#787878b3,#505050b3);border-radius:8px;border:2px solid transparent;background-clip:padding-box;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#5a5a5acc,#3c3c3ccc)}::-webkit-scrollbar-corner{background:transparent}*{margin:0;padding:0;box-sizing:border-box;font-family:Unica One,sans-serif}body{background-color:#2e2e2e}.home{display:flex;justify-content:space-between;height:96vh;min-height:600px;padding:80px 50px 0;background-color:var(--primary-color)}.crosses{display:flex;justify-content:space-between;padding:.5rem;flex-wrap:wrap;gap:.5rem}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;background-color:#fff0;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);position:fixed;top:0;left:0;z-index:9999;transition:all .3s ease}.logo{font-size:1.5rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.logo:hover{opacity:.7}ul{display:flex;list-style:none;gap:1rem}.project-tab{display:flex;flex-direction:column;min-height:100vh;background-color:var(--accent-color);padding:50px 0 0}.project-title{padding:0 50px;font-size:6rem;font-weight:700;color:var(--primary-color)}.projects{display:grid;grid-template-columns:repeat(3,1fr);padding:1rem;gap:5px}.projects-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;height:40vh;text-align:center;color:var(--secondary-color);border:none}.projects-tile-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease-in-out}.projects-tile-img:hover{filter:grayscale(0)}.project-t{display:flex;flex-direction:column;min-height:100vh}.p-t{display:flex;flex-direction:column;min-height:100vh;padding-left:50px}.p-d{display:flex;flex-direction:row;justify-content:space-between}.p-nav{position:sticky;top:0;background:transparent;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);display:flex;justify-content:space-between;padding:1rem 2rem}.p-nav p{text-transform:uppercase;font-size:1.5rem;text-decoration:none;font-weight:700;cursor:pointer}.close{opacity:60%;transition:all .3s ease-in-out}.close:hover{opacity:100%}.p-d1{display:flex;flex-direction:column;justify-content:space-between;width:40%}.p-t-des{font-size:1.4rem;font-family:DM Sans,sans-serif}.p-t-name{font-size:5rem;font-weight:bolder;text-transform:uppercase}.p-t-l{display:flex;flex-direction:column;gap:1rem}.p-t-l3{display:flex;gap:1rem}.p-t-l1 ul{display:flex;flex-direction:column;gap:1rem;font-size:1.5rem}.p-t-l1 h3{font-size:1.5rem;padding-bottom:20px}.p-t-tech{display:flex;gap:.5rem;align-items:center}.p-t-r{display:flex;flex-direction:column;gap:1rem}.p-t-r img{width:100%;height:100%;object-fit:cover}.p-t-links{position:sticky;bottom:0;display:flex;flex-direction:column}.p-t-links a{font-size:1.5rem;text-decoration:none;color:var(--accent-color)}.p-navigator{display:flex;padding:1rem 2rem;align-self:center;gap:1rem;cursor:pointer}.p-navigator p{font-size:1rem;font-weight:700;padding:.5rem 1rem;border:1px solid var(--accent-color)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background:linear-gradient(135deg,#1e1e1e,#333);color:#f2de9b;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;overflow:hidden;position:relative}.loading-container p{position:relative;display:inline-block;animation:glow 1.5s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(255,223,112,.5),0 0 20px rgba(255,223,112,.3)}to{text-shadow:0 0 20px rgba(255,223,112,.9),0 0 30px rgba(255,223,112,.6)}}.loading-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-container p{animation:fadeIn .8s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.home{padding:80px 30px 0}.project-title{font-size:5rem;padding:0 30px}.p-d{gap:2rem}.p-d1{width:45%}}@media (max-width: 1024px){.projects{grid-template-columns:repeat(2,1fr);gap:10px}.home{padding:70px 25px 0;height:auto}.nav-links a{font-size:1.3rem}ul{gap:.8rem}}@media (max-width: 768px){.projects{grid-template-columns:repeat(2,1fr);gap:8px}.hero-name{font-size:clamp(3rem,8vw,5rem);text-align:center}.navbar{padding:.8rem 1rem;flex-wrap:wrap}.nav-links{width:100%;justify-content:center;margin-top:.5rem}.nav-links ul{flex-wrap:wrap;justify-content:center;gap:.5rem}.nav-links a{font-size:1.2rem}.logo{font-size:1.3rem}.footer-divs{flex-direction:column;text-align:center}.home{display:flex;flex-direction:column;padding:60px 20px 0;height:auto;min-height:90vh}.hero{padding:60px 20px 0}.hero-img{display:block;width:min(300px,80vw);height:min(300px,80vw);margin:1rem auto;object-fit:contain;background-color:#2e2e2e;border-radius:50%}.project-title{font-size:clamp(3rem,8vw,4.5rem);padding:0 20px}.projects-tile{height:35vh;min-height:200px}.hero-des{flex-direction:column;width:100%;padding:1rem 0}.hero-des h2{font-size:clamp(2.5rem,6vw,3.5rem)}.hero-data{flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.about-me{padding:60px 20px 0;height:auto}.about-me-h2{font-size:clamp(2rem,8vw,4rem)}.about-me-des{padding:60px 20px 0;height:auto}.a-m-des1,.a-m-des2{padding:1rem 20px;width:100%}.tech-stack{padding:60px 20px 0}.tech-stack h2{font-size:clamp(2rem,8vw,4rem)}.tech-details{grid-template-columns:repeat(2,1fr)}.tech-d{padding:1rem 20px}.get-conn-link{font-size:clamp(1.8rem,5vw,2.5rem);text-decoration:none;color:var(--accent-color);align-items:center;display:flex;font-weight:700;justify-content:center}.p-t{padding-left:20px;padding-right:20px}.p-d{flex-direction:column}.p-d1{width:100%}.p-t-name{font-size:clamp(3rem,7vw,4rem)}.p-t-des{font-size:1.2rem}.p-t-l1 ul,.p-t-links a{font-size:1.3rem}}@media (max-width: 480px){.projects{grid-template-columns:1fr;gap:5px}.hero h1{font-size:clamp(2.5rem,8vw,4rem)}.navbar{padding:.5rem}.nav-links{width:100%;margin-top:.5rem}.nav-links ul{flex-wrap:wrap;justify-content:center;gap:.4rem}.nav-links a{font-size:1rem}.logo{font-size:1.1rem}.footer-divs{flex-direction:column;text-align:center}.home{display:flex;flex-direction:column;padding:50px 15px 0;height:auto;min-height:85vh}.hero{padding:50px 15px 0}.hero-img{width:min(250px,70vw);height:min(250px,70vw)}.projects-tile{height:25vh;min-height:180px}.project-title{font-size:clamp(2.5rem,7vw,3.5rem);padding:0 15px}.about-me{padding:50px 15px 0}.about-me-h2{font-size:clamp(1.8rem,7vw,3rem)}.about-me-des{padding:50px 15px 0}.a-m-des1,.a-m-des2{padding:1rem 15px;width:100%}.tech-stack{padding:50px 15px 0}.tech-stack h2{font-size:clamp(1.8rem,7vw,3rem)}.tech-details{grid-template-columns:1fr}.tech-d{padding:1rem 15px}.get-conn-link{font-size:clamp(1.5rem,5vw,2rem);text-decoration:none;color:var(--accent-color);align-items:center;display:flex;font-weight:700;justify-content:center}.p-t{padding-left:15px;padding-right:15px}.p-nav{padding:.8rem 1rem}.p-nav p{font-size:1.1rem}.p-t-name{font-size:clamp(2.2rem,6vw,3rem)}.p-t-des{font-size:1rem}.p-t-l1 ul{font-size:1.1rem}.p-t-l1 h3{font-size:1.2rem}.p-navigator p{font-size:.85rem;padding:.4rem .8rem}.p-t-links a{font-size:1.1rem}}@media (max-width: 1024px){.p-d{flex-direction:column;align-items:center}.p-d1{width:90%;text-align:center}.p-t-name{font-size:3rem}.p-t-l1 ul{flex-direction:column;gap:.8rem;font-size:1.3rem}.p-t-l1 h3{font-size:1.3rem}}@media (max-width: 768px){.p-t{padding-left:20px}.p-t-name{font-size:2.5rem;text-align:center}.p-t-l1 ul{font-size:1.2rem;padding:0}.p-t-l1 li{padding:10px;text-align:center;width:100%;background-color:var(--secondary-color);border-radius:5px}.p-t-l1 h3{text-align:center;font-size:1.2rem;padding-bottom:10px}.p-t-r img{width:100%;height:auto}.p-nav{padding:.5rem 1rem}.p-nav p{font-size:1.2rem}.p-navigator{flex-direction:column;align-items:center}.p-navigator p{font-size:.9rem;padding:.3rem .8rem}}