@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap";:root{margin:0 10px;scroll-behavior:smooth;--bg-dark: #0d1117;--text-light: #e6edf3;--accent-blue: #4079ff;--accent-green: #40ffaa;scroll-margin-top:160px}body{font-family:Work Sans,Inter,sans-serif;font-weight:500;letter-spacing:.5px;word-spacing:2px;line-height:1.6;background:var(--bg-dark);color:var(--text-light);max-width:1500px;margin:0 auto}.s-heading{font-size:2.5rem;font-weight:700;text-align:center;margin-top:5rem;margin-bottom:2rem;text-shadow:0 0 3px rgba(255,255,255,.6),0 0 6px rgba(64,255,170,.5),0 0 10px rgba(64,121,255,.3);transition:text-shadow .3s ease,color .3s ease}.about-description li,.project-description li,.info li{list-style:none;margin-bottom:.8rem;position:relative;line-height:1.7;font-size:1.05rem;font-weight:400;padding-left:25px;color:#d1d1d1}.about-description li:before,.project-description li:before,.info li:before{content:"▹";position:absolute;left:0;top:0;color:var(--accent-green);font-size:1.2rem;line-height:1.7rem}.nav-wrapper{position:fixed;top:20px;left:50%;transform:translate(-50%);width:min(95%,900px);z-index:1000}.dynamic-island{display:flex;flex-direction:column;background:#fffefe21;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:8px 24px 0;border-radius:40px;box-shadow:0 6px 30px #0009,inset 0 0 15px #00ffff0d;color:#f5f5f5;font-weight:500;position:relative;transition:all .3s ease}.divider{width:1px;background:#ffffff4d;margin:0 16px;height:28px}.nav-row{display:flex;justify-content:space-between;align-items:center;width:100%}.home-link{display:flex;align-items:center;gap:6px;text-decoration:none;color:#fff;font-size:.95rem;transition:color .3s,transform .2s}.home-link:hover{color:#ffcfdf;transform:translateY(-2px)}.home-link.active{color:#ffcfdf;font-weight:600}.nav-links{display:flex;justify-content:center;flex:1;gap:1.5rem}.nav-links a{display:flex;align-items:center;gap:6px;text-decoration:none;color:#fff;font-size:.95rem;position:relative;transition:color .3s,transform .2s}.nav-links a:hover{color:#ffcfdf;transform:translateY(-2px)}.nav-links a.active{color:#ffcfdf;font-weight:600}.nav-links a.active:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff3cac,gold,#0ff);border-radius:3px;animation:fly .3s ease-out}@keyframes fly{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.theme-btn{padding:6px;border-radius:50%;background:#ffffff1a;cursor:pointer;border:none;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .2s}.theme-btn:hover{background:#ffffff40;transform:scale(1.1)}.nav-links a .nav-icon svg,.home-link .nav-icon svg,.theme-btn svg{filter:drop-shadow(0 0 6px rgba(255,255,255,.4));transition:filter .3s ease,transform .3s ease}.nav-links a:hover .nav-icon svg,.home-link:hover .nav-icon svg{filter:drop-shadow(0 0 8px #00ffff) drop-shadow(0 0 12px #ff3cac);transform:scale(1.1)}.nav-links a.active .nav-icon svg,.home-link.active .nav-icon svg{filter:drop-shadow(0 0 10px #ff3cac) drop-shadow(0 0 18px #ffd700) drop-shadow(0 0 25px #00ffff)}.progress-bar{height:3px;border-radius:10px;width:100%;background:linear-gradient(90deg,#0ff,#ff3cac,gold);transition:width .2s ease-out;margin-top:13px;box-shadow:0 0 8px #fff6}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#ffffff8f;color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:25px;font-size:.9rem;font-weight:500;animation:fadeInOut 5s ease forwards;z-index:2000;white-space:nowrap}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}.nav-icon{display:none}.nav-text{display:inline}@media (max-width: 645px){.nav-icon{display:inline}.nav-text{display:none}.nav-links{gap:1.2rem}.hnav{padding:6px;border-radius:50%;background:#ffffff1a;cursor:pointer;border:none;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .2s}}@media (max-width: 590px){.toast{font-size:.7rem}}.animated-gradient-text{position:relative;display:flex;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}.gradient-overlay{position:absolute;inset:0;background-size:300% 100%;animation:gradient linear infinite;border-radius:inherit;z-index:0;pointer-events:none}.gradient-overlay:before{content:"";position:absolute;border-radius:inherit;width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060010;z-index:-1}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}#home{margin-bottom:120px;opacity:0}.hero-section{display:flex;flex-direction:column;max-width:1000px;color:#fff}.intro-container{display:flex;flex-direction:column;align-items:flex-start;max-width:1000px;padding-bottom:15px}.intro-name-block{margin-bottom:.3rem}.intro-greeting{font-size:1.8rem;font-weight:600;color:#fff;font-family:Inter,sans-serif;margin-bottom:.3rem}@media (min-width: 640px){.intro-greeting{font-size:2.2rem}}@media (min-width: 1024px){.intro-greeting{font-size:2.8rem}}.intro-gradient-name{font-size:2.1rem;font-weight:800;letter-spacing:1px;padding-top:5px;font-family:Poppins,sans-serif}@media (min-width: 640px){.intro-gradient-name{font-size:3.5rem}}@media (min-width: 1024px){.intro-gradient-name{font-size:5rem}}.intro-subtitle-block{font-size:1.1rem;font-weight:400;line-height:1.6;color:#cfcfcf;font-family:Inter,sans-serif}.intro-subtitle-block div{margin-top:.5rem}.social-icons{display:flex;flex-wrap:wrap;gap:10px}.social-icons a{font-size:26px;color:#b5b5b5;background:#0003;padding:10px;border-radius:12px;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .3s ease,box-shadow .3s ease,color .3s ease}.social-icons a:hover{color:#fff;background:linear-gradient(135deg,#40ffaa,#4079ff);transform:scale(1.2);box-shadow:0 8px 15px #4079ff66,0 4px 10px #40ffaa4d}.teleicon{font-size:22px}@media (max-width: 768px){.social-icons a{font-size:22px;padding:8px}}@media (max-width: 480px){.social-icons{justify-content:flex-start;gap:12px}.social-icons a{font-size:20px}}.about-container{color:#fff;max-width:1151px;padding:0 20px}.about-section{display:flex;flex-direction:column;gap:1rem}.about-right{display:flex;flex-direction:column}.about-gradient-text{font-size:2.4rem;font-weight:700;line-height:1.2}@media (min-width: 768px){.about-section{flex-direction:row-reverse;align-items:center;justify-content:space-between}.about-right{width:70%}.about-left{width:40%;display:flex;justify-content:center}}.about-left{position:relative;margin:0 auto}.about-profile-image{width:250px;height:250px;border-radius:50%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 0 15px #40ffaa66,0 0 30px #40ffaa33;transition:transform .5s ease,box-shadow .5s ease}.about-profile-image:hover{transform:scale(1.02);box-shadow:0 0 25px #40ffaa99}.about-profile{width:90%;height:109%;object-fit:cover;object-position:top}.about-identity-wrapper{display:flex;flex-direction:column;gap:12px;margin:.8rem 0 1rem;align-items:flex-start}.about-handle-box{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.about-handle{font-family:Inconsolata,JetBrains Mono,Roboto Mono,monospace;color:#40ffaa;font-weight:700;font-size:1.5rem;letter-spacing:.5px;text-shadow:0 0 10px rgba(64,255,170,.3)}.at-symbol{font-family:system-ui,-apple-system,sans-serif;font-weight:400;opacity:.7;margin-right:2px;font-size:1.1rem}.about-separator{display:inline-block;color:#444;font-weight:300;font-size:1.2rem}.about-caption{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#a0a0a0;font-size:.95rem;letter-spacing:.3px;font-weight:400;-webkit-font-smoothing:antialiased}.highlight-01{font-family:Inconsolata,JetBrains Mono,Roboto Mono,monospace;color:#fff;background:#40ffaa1a;border:1px solid rgba(64,255,170,.2);padding:2px 8px;border-radius:4px;font-weight:700;font-size:1.2em;white-space:nowrap}.social-wrapper{display:flex;align-items:center;padding-left:0;border-left:none}.about-container ul li{font-family:Segoe UI,Roboto,sans-serif;position:relative;padding-left:25px;line-height:1.7;font-size:1.05rem;color:#d1d1d1;font-weight:400}.about-description,.about-container{padding:0}.about-buttons{display:flex;flex-wrap:wrap;gap:15px}.btn-primary{background:linear-gradient(90deg,#4079ff,#2a52be);color:#fff;padding:12px 30px;border-radius:50px;font-weight:600;letter-spacing:.5px;text-decoration:none;box-shadow:0 4px 15px #4079ff33;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4079ff66;background:linear-gradient(90deg,#3066eb,#4079ff)}#skills{margin-bottom:120px}.project-card{display:flex;flex-direction:column;max-width:1440px;justify-content:space-between;border-radius:16px;padding:20px;margin-bottom:30px;background:#fffefe21;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 25px #00000040;color:#fff;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;opacity:0;transform:translateY(0);gap:20px}.project-card.visible{opacity:1}.project-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000080;background:#ffffff2e}.project-text{flex:1.5;display:flex;flex-direction:column}.project-title{font-size:1.8rem;font-weight:700;margin:0;color:#40ffaa}.project-description{margin:0 0 12px;padding-bottom:0;padding-left:0;list-style-type:disc;color:#dcdcdc;font-size:1rem;line-height:1.6}.project-tech{margin-top:12px;padding-bottom:20px;display:flex;flex-wrap:wrap;gap:10px}.project-tech-item{background:#2b2b2b94;color:#fff;padding:4px 10px;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease}.project-tech-item:hover{background:#32cc88;cursor:pointer}.visitbtn{display:flex;flex-wrap:wrap;margin-top:auto}.p-btn{background:#55f;color:#fff;font-weight:600;padding:6px 12px;gap:7px;border-radius:8px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;transition:all .2s ease;margin-right:10px;margin-bottom:10px}.p-btn:hover{background:#32cc88;transform:scale(1.05)}.project-iframe-container{display:flex;justify-content:center;flex:1}.iframe-wrapper{flex:1;height:87%;position:relative;overflow:hidden;border:2px solid #ccc;border-radius:12px}.iframe-wrapper iframe{position:absolute;top:50%;left:50%;width:250%;height:250%;border:none;border-radius:12px;transform:translate(-50%,-50%) scale(.4);transform-origin:center center}.iframe-loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:1rem;color:#aaa}.project-screenshot{display:flex;justify-content:center;flex:1.48}.project-screenshot-img{border-radius:12px;width:80%;height:87%;border:2px solid #ccc;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease}.project-screenshot-img:hover{transform:scale(1.02);box-shadow:0 8px 20px #0006}@media (min-width: 768px){.project-card{flex-direction:row;align-items:stretch;gap:20px}.project-screenshot{justify-content:flex-end}}@media (min-width: 1280px){.project-card{gap:30px}.project-title{font-size:2rem}.project-description{font-size:1.1rem}.project-tech-item{font-size:1rem;padding:6px 12px}}@media (max-width: 767px){.iframe-wrapper{height:300px}}#experience{margin-bottom:88px}.s-main{display:flex;justify-content:center}.container{font-size:0;margin-bottom:30px;max-width:1000px}.container .hex:nth-child(odd){align-content:center;overflow:hidden}.container .hex:nth-child(2n){align-content:center;overflow:hidden}.container:before{content:"";width:54px;float:left;height:120%;shape-outside:repeating-linear-gradient(#0cf56d00 0 171.2px,#000000 0 172px)}.container .hex{width:100px;height:115.47px;margin:4px 4px -24.85px;display:inline-block;font-size:initial;clip-path:polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%);background:#9295a740;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;box-shadow:0 6px 30px #00000059;color:#fff;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.container .hex:hover{transform:translateY(-6px);box-shadow:0 10px 25px #fcfcfc73;background:#9e9c9c59}.hex{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hex img{width:40%;max-height:60%}.hex span{font-size:.8rem;font-weight:500;margin-top:5px;word-break:break-word;display:block}.skills-section p{max-width:700px;margin:0 auto 40px;text-align:center;font-size:1rem;line-height:1.6;color:#fff;font-weight:400;text-shadow:0 0 3px rgba(255,255,255,.6),0 0 6px rgba(64,255,170,.5),0 0 10px rgba(64,121,255,.3);transition:text-shadow .3s ease,color .3s ease}.skills-section p:hover{text-shadow:0 0 6px rgba(255,255,255,.8),0 0 12px rgba(64,255,170,.6),0 0 18px rgba(64,121,255,.4);color:#40ffaa}#education{opacity:0;margin-bottom:120px}.experience-timeline{margin:32px 0;list-style:none;position:relative;padding-left:50px}.experience-timeline:before{content:"";width:1px;height:100%;position:absolute;border-left:2px dashed #888;left:50px;top:0}.experience-item{position:relative;max-width:750px;margin-left:30px;background:#fffefe21;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:16px 6px 16px 0;border-radius:12px;box-shadow:0 4px 25px #00000040;color:#fff;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.experience-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000059}.experience-item:not(:first-child){margin-top:60px}.experience-content{margin-left:10px}.experience-heading{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;display:flex;align-items:center;gap:12px}.title-cap{display:flex;flex-direction:column;align-items:self-start}.ex-logo{display:flex;align-items:center;width:120px;border-radius:8px}@media (max-width: 768px){.experience-heading{flex-direction:column}.logo-wrapper{margin-bottom:8px}}.education-heading{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.education-timeline{margin:32px 0;list-style:none;position:relative;padding-left:50px}.education-timeline:before{content:"";width:1px;height:100%;position:absolute;border-left:2px dashed #888;left:50px;top:0}.education-item{position:relative;max-width:750px;margin-left:30px;background:#fffefe21;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:16px;border-radius:12px;box-shadow:0 4px 25px #00000040;color:#fff;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.education-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000059}.education-item:not(:first-child){margin-top:50px}.timeline-marker{width:2px;height:100%;background:#fff;left:-30px;top:0;position:absolute}.timeline-marker:before,.timeline-marker:after{content:"";width:10px;height:10px;border-radius:50%;border:2px solid #fff;position:absolute;background:#40ffaa;left:-6px;top:0}.timeline-marker:after{top:100%}.education-content{margin-left:10px}.education-heading{display:flex;align-items:center;gap:12px}.logo-wrapper{background:#fff;border-radius:12px;padding:4px;display:flex;justify-content:center;align-items:center}.e-logo{display:flex;align-items:center;width:80px;border-radius:8px}.title-cap{display:flex;flex-direction:column}.title{font-weight:700;font-size:1.2rem;color:#40ffaa}.type{font-weight:500;font-size:1rem;color:#cef;padding-top:10px}.aggregate-highlight{font-weight:700;color:#c7ff43ee;text-shadow:0 0 6px rgba(64,255,170,.6),0 0 12px rgba(64,255,170,.4)}.info{margin-top:10px;list-style-type:disc;padding-left:0;font-size:.95rem;color:#ddd}.number{height:100%}.number span{position:absolute;font-size:11px;left:-85px;font-weight:700;width:40px;text-align:right}.number span:first-child{top:-2px}.number span:last-child{top:100%;transform:translateY(-11px)}@media (max-width: 768px){.education-heading{flex-direction:column}.logo-wrapper{margin-bottom:8px}.title-cap{align-items:center}}.footer-head{border:none;height:3px;width:95%;margin:100px auto 20px;border-radius:50px;background:linear-gradient(90deg,#40ffaa,#4079ff,#ff3cac,gold,#40ffaa);background-size:300% 100%;animation:neonSlide 4s linear infinite;box-shadow:0 0 8px #40ffaa,0 0 16px #4079ff,0 0 24px #ff3cac,0 0 32px gold}@keyframes neonSlide{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}@media (max-width: 768px){.footer-head{width:90%;height:2px}}.shortProfile{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-profile-image{height:120px}.iconTab{height:150px;padding-left:20px;display:flex;flex-direction:column;justify-content:center}.gradient-text{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#40ffaa,#4079ff,#40ffaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;letter-spacing:1px;border-radius:0;padding-bottom:5px;transition:background-position 3s ease infinite}.shiny{padding-bottom:10px;font-size:1.2rem;font-weight:500}.connect{display:flex;max-width:200px;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:15px}.connect a{font-size:24px;color:#b5b5b5;transition:all .3s ease;filter:drop-shadow(0 0 4px rgba(64,255,170,.5))}.connect a:hover{color:#40ffaa;transform:scale(1.2);filter:drop-shadow(0 0 8px #40ffaa) drop-shadow(0 0 12px #40ffaa)}.crDiv{text-align:center;margin:40px 0 20px}.copyright{color:#fff;font-size:.9rem;margin:4px 0;font-weight:400;text-shadow:0 0 4px rgba(255,255,255,.5),0 0 8px rgba(0,255,255,.3),0 0 12px rgba(255,50,150,.2);transition:text-shadow .3s ease;animation:neonPulse 2.5s infinite alternate}.copyright:hover{text-shadow:0 0 6px rgba(255,255,255,.8),0 0 12px rgba(0,255,255,.6),0 0 18px rgba(255,50,150,.4)}@keyframes neonPulse{0%,to{text-shadow:0 0 4px rgba(255,255,255,.5),0 0 8px rgba(0,255,255,.3),0 0 12px rgba(255,50,150,.2)}50%{text-shadow:0 0 8px rgba(255,255,255,.8),0 0 16px rgba(0,255,255,.6),0 0 24px rgba(255,50,150,.4)}}@media (max-width: 768px){.gradient-text{font-size:1.35rem;font-weight:800}.footer-profile-image{height:100px}.shortProfile{flex-wrap:nowrap}.iconTab{padding-left:0;height:auto}}.animated-bg{position:fixed;inset:0;z-index:-1;width:100vw;height:100vh;background:linear-gradient(120deg,#1b292b,#123333,#1d2b45,#2f1b3b,#174445,#1b292b);background-size:600% 600%;animation:gradientLoop 20s ease infinite;opacity:.93}@keyframes gradientLoop{0%{background-position:0% 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0% 50%}}::selection{background:#1b292b;color:#31b6c4}.click-ripple{position:fixed;pointer-events:none;width:14px;height:14px;border-radius:50%;background:#fffffff2;box-shadow:0 0 10px #40ffaacc,0 0 20px #40ffaa99;animation:clickBurst .6s ease-out forwards;z-index:99999}@keyframes clickBurst{0%{transform:scale(.4);opacity:1}to{transform:scale(2.6);opacity:0}}.touch-trail{position:fixed;pointer-events:none;width:20px;height:20px;border-radius:50%;background:#40ffaae6;box-shadow:0 0 8px #40ffaab3,0 0 16px #40ffaa80;animation:fadeTrail .5s linear forwards;z-index:99998}@keyframes fadeTrail{0%{opacity:1}to{opacity:0}}