@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";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}.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}:root{margin:0 10px;scroll-behavior:smooth;--bg-dark: #0d1117;--text-light: #e6edf3;--accent-blue: #4079ff;--accent-green: #40ffaa}.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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:25px;color:#000;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}@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{opacity:0%}.about-container{color:#fff}.about-section{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.about-section{flex-direction:row-reverse;justify-content:flex-end}}.about-left{position:relative;width:250px;height:250px;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 10px #40ffaa80,0 0 20px #40ffaa4d,0 0 30px #40ffaa33;transition:transform .5s ease,box-shadow .5s ease}.about-profile{width:82%;height:105%;object-fit:cover;object-position:top}.about-right{display:flex;flex-direction:column}.about-gradient-text{font-size:2.4rem;font-weight:700}.about-subtitle p{font-size:1.2rem;font-weight:500;color:#fff;margin:10px 0;letter-spacing:2px;text-shadow:0 0 4px rgba(255,255,255,.6),0 0 8px rgba(255,255,255,.5),0 0 12px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.3);animation:whiteGlowPulse 2s ease-in-out infinite alternate}.about-description{list-style-type:disc;padding-left:1.5rem;line-height:1.8;font-size:1.1rem;color:#e0e0e0}.about-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#4079ff;color:#fff}.btn-primary:hover{background-color:#305ed1}.btn-secondary{background-color:#40ffaa;color:#000}.btn-secondary:hover{background-color:#28d98f}#projects{opacity:0;transition:opacity 1s ease-in-out}.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(20px)}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000080;background:#ffffff2e}.project-title{font-size:1.8rem;font-weight:700;margin-bottom:12px;color:#40ffaa}.project-description{margin:0 0 12px;padding-bottom:20px;padding-left:20px;list-style-type:disc;color:#dcdcdc;font-size:1rem;line-height:1.6}.visitbtn{display:flex;flex-wrap:wrap;margin-top:10px}.p-btn{background:#55f;color:#fff;font-weight:600;padding:6px 12px;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-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}.project-screenshot{display:flex;justify-content:center;margin-top:20px}.project-screenshot-img{width:80%;border-radius:12px;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}.project-iframe-container{display:flex;justify-content:center;margin-top:20px}.iframe-wrapper{width:80vw;height:30vh;overflow:hidden;border:2px solid #ccc;border-radius:12px;position:relative}.iframe-wrapper iframe{width:200vw;height:75vh;border:none;transform:scale(.4);transform-origin:top left;position:absolute;top:0;left:0;border-radius:12px}.iframe-loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:1rem;color:#aaa}@media (min-width: 768px){.project-card{flex-direction:row;gap:20px;align-items:flex-start}.project-screenshot{justify-content:flex-end}.iframe-wrapper{width:37vw;height:40vh}.iframe-wrapper iframe{width:92.7vw;height:100vh}}@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}}#skills{opacity:0%}.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}#experience{opacity:0%;margin-top:100px}.experience-heading{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem}.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;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{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{opacity:1%;margin-bottom:100px}.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}.info{margin-top:10px;list-style-type:disc;padding-left:20px;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}.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}.site-ripple{position:fixed;pointer-events:none;width:25px;height:25px;margin-left:-8px;margin-top:-8px;border-radius:50%;background:#fffc;box-shadow:0 0 6px #31b6c4cc;animation:rippleSmall .8s ease-out forwards;z-index:9999}@keyframes rippleSmall{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.2)}}