:root{--text: hsl(0, 0%, 100%);--text-reverse: hsl(0, 0%, 0%);--textDim: hsl(0, 0%, 60%);--background: hsl(0, 0%, 0%);--background-reverse: hsl(0, 0%, 100%);--scroll-bar: 31, 195, 255;--primary: 31, 195, 255;--primaryBg: hsla(155, 100%, 65%, 1%);--primaryHi: hsla(155, 100%, 75%, 25%);--primaryFg: hsl(155, 100%, 85%);--secondary: hsl(156, 51%, 14%);--secondaryFg: hsl(156, 51%, 75%);--secondaryBg: hsla(156, 51%, 14%, 5%);--secondaryHi: hsla(156, 51%, 30%, 50%);--accent: hsl(155, 100%, 94%);--accentBg: hsla(155, 100%, 94%, 1%);--accentHi: hsla(155, 100%, 100%, 25%)}html{scrollbar-width:none;scroll-behavior:smooth!important}*{cursor:none!important;box-sizing:border-box;margin:0;padding:0}body{font-family:Fugaz One,sans-serif;font-weight:400;font-style:normal;background-color:var(--background);color:var(--text);cursor:none}.container{max-width:1600px;margin-inline:auto}@keyframes anim{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}hr{position:relative;padding:2.5rem 0;border:none;margin-top:10px}hr:before{content:"⁄ ∗–––––––––––––––∗ ⁄";position:absolute;top:1.2rem;right:0;left:0;font-size:1.5em;color:#1fc3ff;text-align:center}::-webkit-scrollbar{display:none}.scroll-bar{--p: 0%;position:fixed;width:7px;height:7px;right:0;top:0;background:rgb(var(--scroll-bar));border-radius:50%}.scroll-bar:before{content:"";position:absolute;bottom:50%;left:50%;transform:translate(-50%);width:7px;height:var(--p);background:linear-gradient(0deg,rgb(var(--scroll-bar)),transparent)}.heading{color:#1fc3ff;text-decoration:underline;margin-bottom:.9rem}@media screen and (max-width:700px){.scroll-bar{display:none}}@media screen and (max-width:450px){p{font-size:1.5rem}}.about-me{min-height:100vh;display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);gap:3rem;align-items:start;padding:3rem 4rem 4rem}.about-me-copy{position:sticky;top:10rem;padding-top:5rem}.about-me .title{position:static;margin:0;padding:0;width:100%;text-align:left}.about-me .title .primary-text{font-size:clamp(3.6rem,4.8vw,5.2rem);margin-bottom:.35rem;line-height:.95}.about-me .title .secondary-text{font-size:clamp(4.6rem,6vw,6.5rem);line-height:.9;text-align:left}.about-me-body{padding-top:5rem}.about-me .intro{max-width:44rem;font-size:1.08rem;font-weight:500;color:#fff;background:linear-gradient(to top right,#fff0,#1fc3ff18);padding:1.75rem 2rem;border-radius:18px;border:1px solid rgba(31,195,255,.14);box-shadow:0 18px 40px #00000029}.about-me .intro p{margin-block:.45rem;line-height:1.85rem;color:#ffffffe0}.about-me .intro strong{color:#1fc3ff;font-weight:600}@media screen and (max-width:768px){.about-me{grid-template-columns:1fr;padding:2rem 2rem 3rem;gap:1.5rem;text-align:center}.about-me-copy{position:static;padding-top:0}.about-me .title,.about-me .title .secondary-text{text-align:center}.about-me .title .primary-text{font-size:clamp(3rem,12vw,4.2rem)}.about-me .title .secondary-text{font-size:clamp(3.8rem,15vw,5rem)}.about-me-body{padding-top:0}.about-me .intro{max-width:none;padding:1.4rem 1rem;font-size:1rem}.about-me .intro p{margin-block:.4rem;font-size:1rem;line-height:1.75rem}}@media screen and (max-width:480px){.about-me{padding:1rem}.about-me .intro{padding:1.2rem .95rem;border-radius:14px}}.floating-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;text-decoration:none;color:inherit;height:50px;width:160px;z-index:9999;background-color:transparent;outline:none;border:none}.floating-btn div{height:50px;width:160px;border:none;border-radius:13px;background-color:var(--primaryBg);box-shadow:0 -3px 15px 0 var(--primaryHi) inset;color:var(--primaryFg);font-size:1rem;display:flex;justify-content:center;align-items:center;position:relative;transform:translateY(0);transition:all .2s ease;animation:anim 5s linear infinite}.floating-btn span{width:100px;height:60px;background-color:var(--primaryHi);border-radius:100%;filter:blur(20px);position:absolute;bottom:-50%;transition:all .2s ease}.floating-btn:hover>span{bottom:-40%;filter:blur(18px);scale:1.2}.floating-btn:hover>div{transform:translateY(5px)}.floating-btn.first{top:12%;left:15%}.floating-btn.first>div{background-color:var(--accentBg);box-shadow:0 -3px 15px 0 var(--accentHi) inset}.floating-btn.first>span{background-color:#0e98dd79}.floating-btn.sec{bottom:20%;right:15%}.floating-btn.sec>button{background-color:var(--accentBg);box-shadow:0 -3px 15px 0 var(--accentHi) inset;color:var(--accentFg)}.floating-btn.sec>span{background-color:var(--accentHi)}.glow-box-parent{position:relative;display:flex;justify-content:center}.glow-box-title{position:absolute;top:0;font-size:.9rem;padding:.2rem .7rem;white-space:nowrap;color:var(--text-reverse);border-radius:50px;background-color:var(--background-reverse);box-shadow:0 15px 35px #32325d1a,0 5px 15px #00000012;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:all .2s ease-in-out}.glow-box-parent:hover .glow-box-title{top:-50%;opacity:.9}.glow-box{height:4.2rem;width:4.2rem;border-radius:10px;box-shadow:inset 0 0 1px 0 var(--clr),inset 0 0 8px 0 var(--clr);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;transition-duration:.3s}.glow-box:before{position:absolute;content:"";bottom:-60%;height:70%;border-radius:100%;width:70%;background-color:var(--clr);filter:blur(10px)}.glow-box:after{position:absolute;content:"";height:40%;width:40%;border-radius:100%;opacity:80%;background-color:var(--clr);filter:blur(7px)}.glow-box:hover{box-shadow:inset 0 0 1px 0 var(--clr),inset 0 0 8px 0 var(--clr),0 0 7px 1px var(--clr)}.glow-link:hover{transform:translateY(-7px)}.glow-box:hover:before{bottom:-47%}.glow-box>svg{width:50%;height:50%}@keyframes glow-box-anim{0%{transform:translateY(100px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (max-width:700px){.glow-box{height:3.5rem;width:3.5rem}.glow-box-title{font-size:.75rem;padding:.15rem .5rem}}.experience-lab{min-height:100vh;display:flex;gap:3rem;padding:2rem 4rem 4rem;align-items:flex-start}.experience-lab-copy{width:28%;padding:1rem 1rem 0;position:sticky;top:3.5rem}.experience-lab .title{position:static;width:100%;padding:0;margin:0;text-align:left}.experience-lab .title .primary-text{font-size:clamp(2.6rem,4vw,4rem);margin-bottom:.4rem;line-height:.95}.experience-lab .title .secondary-text{font-size:clamp(3.2rem,5vw,5rem);line-height:.9;text-align:left}.experience-lab-grid{width:72%;padding:1.5rem 1rem 0;margin-top:0}.experience-lab .timeline{padding-left:3rem;position:relative;font-size:1.1rem}.experience-lab .timeline>h1{letter-spacing:.1rem;text-transform:uppercase;font-size:1.9rem;font-weight:500;margin-bottom:1.5rem}.experience-lab .timeline:after{position:absolute;content:"";top:60px;left:35px;width:2px;height:calc(100% - 60px);background-color:rgb(var(--primary))}.experience-lab .timeline>ul{list-style-type:none}.experience-lab .timeline li{font-family:Open Sans,sans-serif}.experience-lab .timeline-item{position:relative}.experience-lab .timeline-list{padding-left:2rem}.experience-lab .timeline-description{margin-block:1rem}.experience-lab .timeline-item:before{position:absolute;content:"";top:6px;left:-53px;width:14px;height:14px;border-radius:50%;border:2px solid rgb(var(--primary));background-color:#000;z-index:99}.experience-lab .designation{font-size:1.35rem;margin-bottom:.5rem}.experience-lab .place{color:rgb(var(--primary));letter-spacing:.1rem;font-size:1.2rem;text-transform:uppercase;font-weight:500}@media screen and (max-width:768px){.experience-lab{flex-direction:column;padding:2rem 2rem 1rem;gap:1.25rem}.experience-lab-copy,.experience-lab-grid{width:100%;padding:0}.experience-lab-copy{position:static}.experience-lab .title,.experience-lab .title .secondary-text{text-align:center}.experience-lab .title .primary-text{font-size:clamp(2.4rem,11vw,3.4rem)}.experience-lab .title .secondary-text{font-size:clamp(2.8rem,14vw,4.2rem)}.experience-lab .timeline{padding-left:2rem}.experience-lab .designation{font-size:1.05rem;margin-bottom:.5rem}.experience-lab .timeline>h1{font-size:1.6rem;margin-top:1rem}.experience-lab .place{font-size:1rem;letter-spacing:.05rem}}@media screen and (max-width:480px){.experience-lab{padding:1rem}.experience-lab .timeline-grid{padding:0}.experience-lab .timeline{padding-left:1.5rem}.experience-lab .timeline>h1{font-size:1.45rem}.experience-lab .designation{font-size:.98rem}.experience-lab .place{font-size:.9rem}}.hero-section{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:2.5rem;position:relative}.hero-section .name{font-size:7rem;color:#1fc3ff}.blur{height:12rem;width:12rem;background-color:#1fc3ffb3;filter:blur(100px);border-radius:100px;z-index:-1;position:absolute}.bottom-bar{border-radius:13px;color:var(--primaryFg);font-size:1rem;display:flex;justify-content:center;align-items:center;position:absolute;bottom:20px;gap:10px}.hd-initials{height:50px;width:50px;border-radius:13px;background-color:var(--primaryBg);box-shadow:0 -3px 15px 0 var(--primaryHi) inset;color:var(--primaryFg);display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;letter-spacing:.1rem;position:relative;transition:all .25s ease}.hd-initials:before{content:"";width:60px;height:60px;background-color:var(--primaryHi);border-radius:100%;filter:blur(20px);position:absolute;bottom:-50%;z-index:-1;transition:all .25s ease}.hd-initials:hover{transform:translateY(-5px);box-shadow:0 -3px 20px 0 var(--primaryHi) inset}.hd-initials:hover:before{bottom:-40%;filter:blur(18px);scale:1.2}.github-ribbon{position:absolute;top:0;right:0;width:250px;height:50px;text-decoration:none;display:flex;justify-content:center;align-items:center;transform:rotate(45deg) translate(50%,150%);transform-origin:top right;z-index:9999;background-color:transparent;color:inherit}.github-ribbon div{width:100%;height:100%;border-radius:13px;background-color:var(--primaryBg);box-shadow:0 -3px 15px 0 var(--primaryHi) inset;color:var(--primaryFg);font-size:1rem;display:flex;justify-content:center;align-items:center;position:relative;transition:all .25s ease}.github-ribbon span{width:100px;height:60px;background-color:var(--primaryHi);border-radius:100%;filter:blur(20px);position:absolute;bottom:-50%;transition:all .25s ease}.github-ribbon:hover>span{bottom:-40%;filter:blur(18px);scale:1.2}.github-ribbon:hover>div{transform:translateY(4px)}@media screen and (max-width:600px){.github-ribbon div{font-size:.75rem}}@media screen and (max-width:700px){.hero-section{font-size:2rem}.hero-section .name{font-size:4rem}.bottom-bar{gap:5px}}@media screen and (max-width:300px){.hero-section .name{font-size:3rem}.bottom-bar{gap:2px}}.circle{height:24px;width:24px;border-radius:100%;background-color:#fff;position:fixed;top:0;left:0;pointer-events:none;z-index:99999999;transform-origin:center center;transition:width .2s}.circle-hidden{display:none}.circle-thin{height:20px;width:2px}@media screen and (max-width:750px){.circle{display:none}}.hex-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.projects{min-height:100vh;display:flex;gap:3rem;padding:2rem 4rem;align-items:flex-start}.projects-copy{width:28%;padding:1rem 1rem 0;position:sticky;top:4rem}.projects .title{position:static;width:100%;padding:0;margin:0;text-align:left}.projects .title .primary-text{font-size:clamp(3rem,5vw,4.8rem);margin-bottom:.4rem;line-height:.95}.projects .title .secondary-text{font-size:clamp(4rem,6vw,6.5rem);line-height:.9;text-align:left}.projects-intro{font-family:Open Sans,sans-serif;font-size:1.05rem;line-height:1.7rem;color:#ffffffd1;margin-top:1.6rem;max-width:26rem}.projects-grid{width:72%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.75rem;padding:.5rem 1rem 0;margin-top:.25rem}.project-card{position:relative;overflow:hidden;padding:1.75rem 1.75rem 1.5rem;border-radius:20px;background:linear-gradient(160deg,#1fc3ff17,#ffffff08),#050a0cd1;border:1px solid rgba(31,195,255,.18);box-shadow:0 18px 45px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:18rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-6px);border-color:#1fc3ff59;box-shadow:0 24px 60px #0000003d}.project-card h3{font-size:1.55rem;margin:.35rem 0 .85rem;letter-spacing:.05rem}.project-period{font-size:.85rem;letter-spacing:.12rem;text-transform:uppercase;color:rgb(var(--primary))}.project-description{font-family:Open Sans,sans-serif;font-size:1rem;line-height:1.7rem;color:#ffffffd6;margin-bottom:1.15rem}.project-highlights{padding-left:1.2rem;margin-bottom:1.2rem;font-family:Open Sans,sans-serif;color:#ffffffe6;line-height:1.6rem}.project-stack{display:flex;flex-wrap:wrap;gap:.6rem}.project-stack span{padding:.35rem .75rem;border-radius:999px;font-size:.85rem;letter-spacing:.04rem;background:#1fc3ff1f;border:1px solid rgba(31,195,255,.2);color:#ffffffeb}@media screen and (max-width:768px){.projects{flex-direction:column;padding:1.5rem 2rem 1rem;gap:1.25rem}.projects-copy,.projects-grid{width:100%;padding:.5rem}.projects-copy{position:static;padding:0}.projects .title,.projects .title .secondary-text{text-align:center}.projects .title .primary-text{font-size:clamp(2.6rem,12vw,4rem)}.projects .title .secondary-text{font-size:clamp(3.2rem,16vw,5rem)}.projects-intro{font-size:1rem;line-height:1.6rem;max-width:none;text-align:center;margin-inline:auto;margin-top:1rem}.project-card{padding:1.3rem;min-height:auto}.project-card h3{font-size:1.35rem}}@media screen and (max-width:480px){.projects{padding:1rem}.projects-copy,.projects-grid{padding:0}.projects .title{padding:.25rem 0}.projects .title .primary-text{font-size:clamp(2.2rem,11vw,3rem)}.projects .title .secondary-text{font-size:clamp(2.8rem,15vw,4rem)}.projects-grid{gap:1rem;margin-top:.5rem}.project-card{padding:1.1rem;border-radius:14px;min-height:auto}.project-card h3{font-size:1.2rem}.project-description,.project-highlights{font-size:.92rem;line-height:1.5rem}.project-period{font-size:.72rem}.project-stack span{font-size:.75rem}}.tech-stack{min-height:100vh;display:flex;padding:2rem 4rem}.tech-stack .title{margin-top:6rem}.tech-stack>div{width:50%;padding:1rem}.tech-stack p{font-family:Open Sans,sans-serif;font-style:normal;line-height:1.5rem}.tech-row{display:flex;gap:1rem;margin:20px 0;flex-wrap:wrap;justify-content:center}.tech-grid{display:flex;gap:1rem;flex-direction:column;justify-content:center;text-align:center;align-items:center;font-family:Fugaz One,sans-serif}@media screen and (max-width:700px){.tech-stack{padding:1rem 2rem;flex-direction:column-reverse;gap:1rem}.tech-stack>div{width:100%;padding:.5rem}.tech-stack .title{margin-top:2rem;text-align:center}.tech-stack p{font-size:1.1rem;line-height:1.5rem}.tech-row{gap:.5rem}}.hover-text{display:inline-block;position:relative;overflow:hidden}.hover-text span{display:inline-block;transition:transform .2s;position:relative;transition-delay:var(--delay)}.hover-text span:after{content:attr(data-char);position:absolute;left:0;bottom:-100%;transform:translateY(100%);transition:transform .3s;transition-delay:var(--delay)}.hover-text:hover span{transform:translateY(-100%)}.hover-text:hover span:after{transform:translateY(0)}:root{--text-primary: 8rem;--text-secondary: 11rem}.title{text-align:center;margin:auto;padding:2rem;width:fit-content;position:sticky;top:50vh}.title .primary-text{color:#fff;font-size:var(--text-primary);margin-bottom:3rem;letter-spacing:.1rem;text-transform:uppercase;font-family:Fugaz One,sans-serif}.title .secondary-text{font-size:var(--text-secondary);text-align:end;letter-spacing:.1rem;text-transform:uppercase;font-family:Fugaz One,sans-serif;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:hsl(196,100%,56%)}@media screen and (max-width:700px){:root{--text-primary: 5rem;--text-secondary: 6rem}.title{position:relative;top:0rem}}
