@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Inter:wght@300..800&display=swap";nav{width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 13.33vmax;position:fixed;top:0;z-index:900;transition:all .4s ease}nav.scrolled{background:#0a0a14bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);height:60px}nav>h2{font:700 1.6rem Space Grotesk,sans-serif;cursor:pointer}nav>h2 span{background:linear-gradient(90deg,#c4b5fd,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}nav>div{display:flex;align-items:center;gap:2.2rem}nav>div a{color:#ffffff8c;font:500 .95rem Inter,sans-serif;letter-spacing:1px;position:relative;transition:color .3s}nav>div a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:2px;transition:width .3s ease}nav>div a:hover{color:#f4f4f8}nav>div a:hover:after{width:100%}nav>a>button{border:1px solid rgba(255,255,255,.14);padding:.5rem 1.8rem;background:transparent;color:#f4f4f8;border-radius:50px;cursor:pointer;font:500 .9rem Inter,sans-serif;letter-spacing:1px;transition:all .3s}nav>a>button:hover{background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-color:transparent;box-shadow:0 0 20px #8b5cf666}.navBtn{border:1px solid rgba(255,255,255,.08);background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f4f4f8;font-size:1.2rem;width:48px;height:48px;border-radius:14px;display:none;position:fixed;top:1.2rem;right:1.2rem;z-index:999;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.navBtn:hover{border-color:#8b5cf6;color:#22d3ee}.menuOverlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;background:#0a0a14;clip-path:circle(0% at calc(100% - 3rem) 3rem);transition:clip-path .65s cubic-bezier(.65,0,.35,1);z-index:980;pointer-events:none}.menuOverlayOpen{clip-path:circle(150% at calc(100% - 3rem) 3rem);pointer-events:auto}.sideMenu{width:100%;height:100vh;padding:5vmax;position:fixed;top:0;z-index:985;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;opacity:0;pointer-events:none;transition:opacity .3s ease .25s}.sideMenu>h2{font:700 2rem Space Grotesk,sans-serif}.sideMenu>h2 span{background:linear-gradient(90deg,#c4b5fd,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sideMenu>div{display:flex;flex-direction:column;align-items:center;gap:1.4rem}.sideMenu>div a{color:#f4f4f8;font:500 1.5rem Space Grotesk,sans-serif;letter-spacing:2px;display:flex;align-items:baseline;gap:.8rem;transition:all .3s}.sideMenu>div a .navIndex{font:400 .75rem Inter,sans-serif;color:#22d3ee;letter-spacing:1px}.sideMenu>div a:hover{color:#22d3ee;letter-spacing:4px}.sideMenu>a>button{border:1px solid rgba(255,255,255,.14);padding:.6rem 2.2rem;background:transparent;color:#f4f4f8;border-radius:50px;letter-spacing:1px;font:500 .95rem Inter,sans-serif;transition:.3s;cursor:pointer}.sideMenu>a>button:hover{background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-color:transparent}.sideMenuOpen{opacity:1;pointer-events:auto}#home{width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}#home .heroBg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#home .heroBg .blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}#home .heroBg .blob1{width:45vmax;height:45vmax;background:radial-gradient(circle,rgba(139,92,246,.4),transparent 65%);top:-12%;left:-8%;animation:blobFloat 14s ease-in-out infinite}#home .heroBg .blob2{width:38vmax;height:38vmax;background:radial-gradient(circle,rgba(34,211,238,.32),transparent 65%);bottom:-14%;right:-6%;animation:blobFloat 18s ease-in-out infinite reverse}#home .heroBg .heroGrid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 75%)}#home>section{width:100%;position:relative;z-index:1}#home>section:first-of-type{padding-left:13.33vmax;padding-top:7rem;display:flex;align-items:center}#home>section:first-of-type>div{height:100%;width:100%}#home>section:first-of-type>div>h1{font:700 4.2rem Space Grotesk,sans-serif;line-height:1.15;letter-spacing:-1px;color:#f4f4f8}#home>section:first-of-type>div>h1 .gradientText{background:linear-gradient(90deg,#c4b5fd,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#home>section:first-of-type>div .typerwriterpara{display:block;margin:1.4rem 0;font:500 1.25rem Inter,sans-serif;letter-spacing:6px;text-transform:uppercase;color:#22d3ee;min-height:1.6em}#home>section:first-of-type>div .typeCursor{color:#8b5cf6;font-weight:300;animation:glowPulse 1s infinite}#home>section:first-of-type>div>div{display:flex;gap:2rem;align-items:center;margin:3rem 0}#home>section:first-of-type>div>div a.btnPrimary{background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#fff;padding:.9rem 2.4rem;border-radius:50px;font:600 1rem Inter,sans-serif;transition:all .3s;box-shadow:0 0 #8b5cf600}#home>section:first-of-type>div>div a.btnPrimary:hover{box-shadow:0 0 30px #8b5cf68c;transform:translateY(-2px)}#home>section:first-of-type>div>div a.btnGhost{font:600 1.05rem Inter,sans-serif;color:#f4f4f8;display:flex;align-items:center;gap:.4rem;padding:.9rem 1.6rem;border:1px solid rgba(255,255,255,.14);border-radius:50px;transition:all .3s}#home>section:first-of-type>div>div a.btnGhost svg{transition:transform .3s}#home>section:first-of-type>div>div a.btnGhost:hover{border-color:#22d3ee;color:#22d3ee;box-shadow:0 0 20px #22d3ee40}#home>section:first-of-type>div>div a.btnGhost:hover svg{transform:translate(2px,-2px)}#home>section:first-of-type>div aside{display:flex;justify-content:flex-start;gap:5rem;width:80%}#home>section:first-of-type>div aside article{margin:2rem 0;min-width:10rem;color:#ffffff8c;position:relative;padding-left:1.2rem}#home>section:first-of-type>div aside article:before{content:"";position:absolute;left:0;top:8%;width:2px;height:84%;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:2px}#home>section:first-of-type>div aside article>p{font:700 2.2rem Space Grotesk,sans-serif;color:#f4f4f8}#home>section:first-of-type>div aside article>span{font:500 .95rem Inter,sans-serif;letter-spacing:1px}#home>section:first-of-type>div aside article[data-special]{min-width:16rem}#home>section:first-of-type>div aside article[data-special]>p{font:700 1.1rem Space Grotesk,sans-serif;letter-spacing:2px;text-transform:uppercase}#home>section:first-of-type>div aside article[data-special]>span{font:400 1rem Inter,sans-serif;color:#22d3ee}#home>section:last-of-type{display:flex;align-items:center;justify-content:center;overflow:visible}#home>section:last-of-type .avatarWrap{position:relative;width:30vmax;height:30vmax;display:grid;place-items:center}#home>section:last-of-type .avatarWrap:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.35) 0%,rgba(34,211,238,.15) 45%,transparent 70%);filter:blur(30px);animation:glowPulse 5s ease-in-out infinite}#home>section:last-of-type .avatarWrap:after{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#22d3ee);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),black calc(100% - 3px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),black calc(100% - 3px));opacity:.65;animation:spinRing 14s linear infinite}#home>section:last-of-type .avatarWrap .avatarInner{width:82%;height:82%;animation:float 6s ease-in-out infinite}#home>section:last-of-type .avatarWrap .avatarInner img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 45px rgba(139,92,246,.45));transform:rotateY(180deg)}#home>svg{position:absolute;font-size:2.4rem;color:#ffffff8c;left:50%;bottom:4%;transform:translate(-50%);z-index:2;animation:animatesvg .7s infinite linear alternate}@keyframes animatesvg{to{transform:translate(-50%,-10px)}}@keyframes upanddown{to{transform:translateY(-5px)}}@keyframes updown{to{transform:translateY(-10px)}}@keyframes line{0%{height:0%}to{height:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,20px) scale(.95)}}@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.projectSection{width:100%;padding:6rem 13.33vmax;position:relative}.projectSection>h2{font:700 2.6rem Space Grotesk,sans-serif;text-align:center;width:fit-content;margin:0 auto 4.5rem;padding-bottom:.8rem;position:relative;color:#f4f4f8}.projectSection>h2:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:60%;height:3px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:3px}.projectSection>section{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1500px;margin:0 auto}.projectCard{perspective:1000px}.projectCardInner{position:relative;height:100%;border-radius:20px;overflow:hidden;background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);transition:border-color .3s ease,box-shadow .3s ease;will-change:transform}.projectCardInner:hover{border-color:#8b5cf673;box-shadow:0 20px 50px #00000073,0 0 30px #8b5cf61f}.projectCardInner .cardGlow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s ease;z-index:0}.projectCardInner:hover .cardGlow{opacity:1}.cardImage{height:210px;overflow:hidden;position:relative;z-index:1}.cardImage img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.projectCardInner:hover .cardImage img{transform:scale(1.08)}.cardBody{padding:1.6rem;position:relative;z-index:1;display:flex;flex-direction:column;gap:.8rem}.cardBody h3{font:600 1.25rem Space Grotesk,sans-serif;color:#f4f4f8;letter-spacing:.5px}.cardBody p{font:400 .92rem Inter,sans-serif;color:#ffffff8c;line-height:1.65;flex:1}.cardBody .cardLink{width:fit-content;display:inline-flex;align-items:center;gap:.45rem;margin-top:.6rem;font:600 .95rem Inter,sans-serif;color:#22d3ee;padding:.55rem 1.3rem;border:1px solid rgba(34,211,238,.35);border-radius:50px;transition:all .3s}.cardBody .cardLink svg{transition:transform .3s}.cardBody .cardLink:hover{background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-color:transparent;color:#fff;box-shadow:0 0 22px #8b5cf666}.cardBody .cardLink:hover svg{transform:translate(2px,-2px)}#timeline{width:100%;padding:6rem 2vmax;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(139,92,246,.07),transparent 70%),#0a0a14}#timeline>h2{font:700 2.6rem Space Grotesk,sans-serif;text-align:center;width:fit-content;margin:0 auto 4.5rem;padding-bottom:.8rem;position:relative;color:#f4f4f8}#timeline>h2:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:60%;height:3px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:3px}.timelineBox{width:100%;position:relative;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;height:100%}.timelineBox:after{content:"";position:absolute;width:2px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);opacity:.5;top:0;left:calc(50% - 1px);bottom:0;box-shadow:0 0 12px #8b5cf699}.timelineItem{padding:1.2rem 3rem;position:relative;background-color:inherit;width:50%;z-index:100}.timelineItem:after{content:"";position:absolute;width:16px;height:16px;right:-8px;top:50%;transform:translateY(-50%);border-radius:50%;background-color:#8b5cf6;box-shadow:0 0 14px 3px #8b5cf6a6;z-index:100}.timelineItem>div{padding:1.4rem 1.8rem;background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#f4f4f8;transition:all .3s ease;position:relative}.timelineItem>div:hover{border-color:#8b5cf680;transform:translateY(-3px);box-shadow:0 12px 32px #0006}.timelineItem>div h3{font:600 1.15rem Space Grotesk,sans-serif;margin-bottom:.4rem}.timelineItem>div p{font:400 .9rem Inter,sans-serif;color:#22d3ee;letter-spacing:1px}.leftTimeline{left:0%}.rightTimeline{left:50%}.rightTimeline:after{left:-8px}#skill{width:100%;padding:6rem 13.33vmax;background:radial-gradient(ellipse 55% 45% at 85% 20%,rgba(34,211,238,.06),transparent 70%),#161622;color:#f4f4f8;overflow:hidden}#skill>h2{font:700 2.6rem Space Grotesk,sans-serif;width:fit-content;margin:0 auto 4.5rem;padding-bottom:.8rem;position:relative}#skill>h2:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:60%;height:3px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:3px}#skill>section{display:grid;margin:0 auto;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(220px,auto));max-width:1300px;gap:2rem}#skill>section>div{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;transition:all .35s ease}#skill>section>div:hover{transform:translateY(-6px);border-color:#8b5cf680;box-shadow:0 16px 40px #00000073,0 0 30px #8b5cf61f}#skill>section>div>h3{font:600 1.3rem Space Grotesk,sans-serif;margin-bottom:1rem;text-align:center}#skill>section>div>p{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}#skill>section>div>p svg{font-size:2.6rem;color:#ffffff8c;transition:transform .3s}#skill>section>div>p svg:hover{transform:scale(1.2) translateY(-3px)}#skill>section .skillbox1{grid-column:1/2;grid-row:1/3;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border:none}#skill>section .skillbox1>h3{font:700 5.5rem Space Grotesk,sans-serif;color:#fff;margin-bottom:.5rem}#skill>section .skillbox1>p{font:500 1.05rem Inter,sans-serif;color:#ffffffe6;letter-spacing:1px;max-width:12rem}#skill>section .skillbox4{grid-column:2/4}#about{width:100%;min-height:100vh;display:grid;place-items:center;padding:6rem 13.33vmax;position:relative;overflow:hidden;background:radial-gradient(ellipse 50% 45% at 15% 85%,rgba(34,211,238,.06),transparent 70%),#0a0a14}#about>section{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:center;max-width:1300px;width:100%}#about>section .aboutAvatar{position:relative;width:min(340px,80%);aspect-ratio:1;margin:0 auto}#about>section .aboutAvatar img{width:100%;height:100%;object-fit:cover;object-position:0% 25%;border-radius:50%;position:relative;z-index:1;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5))}#about>section .aboutAvatar .ringSpinner{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#22d3ee);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),black calc(100% - 3px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),black calc(100% - 3px));animation:spinRing 8s linear infinite}#about>section .aboutAvatar:after{content:"";position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;border-radius:50%;border:1px dashed rgba(255,255,255,.14);animation:spinRing 30s linear infinite reverse}#about>section .aboutContent{background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:3rem;text-align:left}#about>section .aboutContent h2{font:700 2.4rem Space Grotesk,sans-serif;margin-bottom:1.6rem;background:linear-gradient(90deg,#c4b5fd,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}#about>section .aboutContent p{font:400 1.05rem Inter,sans-serif;color:#ffffff8c;letter-spacing:.5px;line-height:1.8;margin-bottom:1.2rem}#about>section .aboutContent p:last-child{margin-bottom:0}#contact{min-height:90vh;display:grid;grid-template-columns:1fr 1fr}#contact>section{width:100%;height:100%;display:grid;place-items:center;padding:4rem 2rem}#contact>section>form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:620px;background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:3.5rem 3rem}#contact>section>form>h2{text-align:center;font:600 2.2rem Space Grotesk,sans-serif;letter-spacing:3px;text-transform:uppercase;margin-bottom:2rem;background:linear-gradient(90deg,#c4b5fd,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#contact>section>form>input,#contact>section>form>textarea{padding:.95rem 1.2rem;width:100%;outline:none;font:400 .95rem Inter,sans-serif;margin:.65rem 0;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;color:#f4f4f8;transition:all .3s}#contact>section>form>input::placeholder,#contact>section>form>textarea::placeholder{color:#ffffff59}#contact>section>form>input:focus,#contact>section>form>textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf62e;background:#ffffff0d}#contact>section>form>textarea{min-height:8rem;resize:vertical}#contact>section>form>button{cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#fff;font:600 1rem Inter,sans-serif;text-transform:uppercase;letter-spacing:2px;padding:.95rem 3rem;border:none;border-radius:50px;margin:2rem 0 0;transition:all .3s}#contact>section>form>button:hover:not(:disabled){box-shadow:0 0 30px #8b5cf680;transform:translateY(-2px)}#contact>aside{width:100%;height:100%;background:#12121f;display:grid;place-items:center;overflow:hidden;position:relative}#contact>aside:before{content:"";position:absolute;width:60%;padding-top:60%;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%);filter:blur(40px)}#contact>aside img{width:65%;height:65%;object-fit:contain;position:relative;filter:drop-shadow(0 0 30px rgba(139,92,246,.35)) hue-rotate(150deg);animation:float 4.5s ease-in-out infinite}footer{background:#161622;border-top:1px solid rgba(255,255,255,.08);padding:5rem 0 5rem 13.33vmax;display:grid;grid-template-columns:10fr 3fr 1fr;align-items:center;justify-items:center;text-align:center;color:#f4f4f8}footer>div{width:100%;border-left:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(255,255,255,.14);padding:0 2rem}footer>div img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid transparent;background:linear-gradient(135deg,#8b5cf6,#22d3ee)}footer>div>h2{margin:1.2rem 0 .6rem;font:700 1.6rem Space Grotesk,sans-serif}footer>div>p{font:400 1rem Inter,sans-serif;color:#ffffff8c}footer>aside>article{margin-top:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}footer>aside>article a{padding:.4rem;border-radius:12px;transition:all .3s}footer>aside>article a svg{font-size:1.9rem;color:#ffffff8c;transition:all .3s}footer>aside>article a:hover{background:#ffffff0f}footer>aside>article a:hover svg{color:#22d3ee;filter:drop-shadow(0 0 10px rgba(34,211,238,.6));transform:translateY(-3px)}footer>a{width:52px;height:52px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-content:center;transition:all .3s}footer>a svg{font-size:1.6rem;color:#22d3ee}footer>a:hover{background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-color:transparent;box-shadow:0 0 24px #8b5cf680;transform:translateY(-4px)}footer>a:hover svg{color:#fff}@media screen and (max-width: 1367px){nav{padding:0 7vmax}#home>section:first-of-type{padding-left:7vmax}.projectSection,#skill,#about{padding:6rem 7vmax}footer{padding-left:7vmax}}@media screen and (max-width: 1100px){nav{padding:0 5vmax}#home>section:first-of-type{padding-left:5vmax}#home>section:first-of-type>div>h1{font:700 3rem Space Grotesk,sans-serif}#home>section:first-of-type>div aside{width:100%;gap:3rem}#home>section:last-of-type .avatarWrap{width:26vmax;height:26vmax}.projectSection{padding:5rem 5vmax}.projectSection>section{grid-template-columns:repeat(2,1fr)}#skill,#about{padding:5rem 5vmax}#about>section{gap:3rem}#contact>section>form{padding:3rem 2rem}footer{padding-left:5vmax}}@media screen and (max-width: 900px){nav{padding:0 2vmax}nav>div{gap:1.2rem}nav>div a{font-size:.85rem}#home{flex-direction:column;min-height:unset}#home>section:first-of-type{padding-left:2vmax;padding-top:6rem;padding-bottom:3rem}#home>section:first-of-type>div>div{gap:1.2rem;margin:2rem 0}#home>section:first-of-type>div aside{flex-direction:column;gap:.5rem}#home>section:last-of-type{padding-bottom:5rem}#home>section:last-of-type .avatarWrap{width:min(320px,70vw);height:min(320px,70vw)}#home .heroBg .blob{filter:blur(60px);opacity:.35}.projectSection{padding:5rem 2vmax}.projectSection>section{grid-template-columns:repeat(2,1fr);gap:1.4rem}#skill{padding:5rem 2vmax}#skill>section{grid-template-columns:repeat(2,1fr);grid-template-rows:unset;gap:1.4rem}#skill>section .skillbox1{grid-column:1/3;grid-row:unset}#skill>section .skillbox4{grid-column:1/3}#about{padding:5rem 2vmax}#about>section{grid-template-columns:1fr;gap:3.5rem}#about>section .aboutAvatar{width:min(260px,70vw)}#contact{grid-template-columns:1fr}#contact>aside{display:none}#contact>section>form{padding:2.5rem 1.6rem}#contact>section>form>h2{font:600 1.7rem Space Grotesk,sans-serif}footer{padding-left:0;grid-template-columns:1fr;gap:2.5rem;padding:4rem 1.5rem}footer>div{border:none;padding:0}footer>a{margin:0 auto}}@media screen and (max-width: 787px){nav>div,nav>a{display:none}.navBtn{display:flex}}@media screen and (max-width: 610px){#home>section:first-of-type{text-align:center;display:block}#home>section:first-of-type>div{padding-top:1rem}#home>section:first-of-type>div>h1{font:700 2.4rem Space Grotesk,sans-serif}#home>section:first-of-type>div .typerwriterpara{letter-spacing:3px;font-size:1rem}#home>section:first-of-type>div>div{flex-direction:column;width:100%}#home>section:first-of-type>div aside{align-items:center;width:100%}#home>section:first-of-type>div aside article{min-width:unset;width:100%}#home>section:first-of-type>div aside article[data-special] span{display:block;width:90%;margin:0 auto;word-wrap:break-word}#home>section:last-of-type .avatarWrap{width:min(260px,80vw);height:min(260px,80vw)}#home>svg{display:none}.projectSection{padding:4rem 2vmax}.projectSection>section{grid-template-columns:1fr}#timeline .timelineBox:after{left:7px}#timeline .timelineItem{width:100%;padding-left:2.4rem;padding-right:0}#timeline .timelineItem:after{left:0;right:auto}#timeline .rightTimeline{left:0%}#timeline .rightTimeline:after{left:0}#skill>section{grid-template-columns:1fr}#skill>section .skillbox1,#skill>section .skillbox4{grid-column:unset}#about>section .aboutAvatar{width:min(220px,70vw)}#about .aboutContent{padding:2rem 1.5rem}#about .aboutContent h2{font-size:1.9rem}#contact>section>form>input,#contact>section>form>button{width:100%}footer>div>p{width:80%;margin:0 auto}}@media screen and (max-width: 400px){.projectSection{padding:3.5rem 1rem}#skill,#about{padding:4rem 1rem}}*{margin:0;padding:0;font-family:Inter,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}a{text-decoration:none}body{background-color:#0a0a14;color:#f4f4f8;overflow-x:hidden}section[id],div[id]{scroll-margin-top:70px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a14}::-webkit-scrollbar-thumb{background:#161622;border-radius:5px;border:2px solid #0a0a14}::-webkit-scrollbar-thumb:hover{background:#8b5cf6}::selection{background:#8b5cf6;color:#f4f4f8}.disableBtn{color:#161622;background-color:#a7a7a7d5!important;cursor:not-allowed!important}.progressBar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);transform-origin:0% 50%;z-index:1001}.glowCursor{position:fixed;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,rgba(34,211,238,.06) 40%,transparent 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}