.app{min-height:100vh;background:#fff;background-attachment:fixed;position:relative;overflow-x:hidden}@property --angle{syntax:"<angle>";initial-value:220deg;inherits:false}.top-color-patch{position:fixed;top:0;left:0;right:0;height:clamp(90px,12vh,160px);pointer-events:none;z-index:3;filter:blur(18px) saturate(1.15);opacity:.9;background:linear-gradient(to bottom,#00000014,#00000005 70%,#0000),radial-gradient(80% 120% at 5% 0%,var(--c1, rgba(186,230,253,.55)) 0%,rgba(186,230,253,0) 60%),radial-gradient(60% 100% at 20% 0%,var(--c2, rgba(167,243,208,.5)) 0%,rgba(167,243,208,0) 60%),radial-gradient(60% 100% at 40% 0%,var(--c3, rgba(244,114,182,.45)) 0%,rgba(244,114,182,0) 60%),radial-gradient(60% 100% at 65% 0%,var(--c4, rgba(253,186,116,.45)) 0%,rgba(253,186,116,0) 60%),radial-gradient(60% 100% at 85% 0%,var(--c5, rgba(147,197,253,.5)) 0%,rgba(147,197,253,0) 60%),conic-gradient(from var(--angle,220deg) at 50% 30%,var(--c6, rgba(168,85,247,.2)),var(--c7, rgba(59,130,246,.2)),var(--c8, rgba(34,197,94,.2)),var(--c9, rgba(239,68,68,.2)),var(--c10, rgba(249,115,22,.2)),var(--c11, rgba(139,92,246,.2)),var(--c6, rgba(168,85,247,.2)));-webkit-mask:linear-gradient(to bottom,#000 40%,rgba(0,0,0,.65) 75%,transparent 100%);mask:linear-gradient(to bottom,#000 40%,rgba(0,0,0,.65) 75%,transparent 100%);animation:hueSpin var(--patch-speed,36s) linear infinite,angleDrift 28s linear infinite alternate}@keyframes hueSpin{0%{filter:hue-rotate(0deg) blur(18px) saturate(1.1) brightness(.88)}to{filter:hue-rotate(360deg) blur(18px) saturate(1.1) brightness(.88)}}@keyframes angleDrift{to{--angle:540deg}}.main-content{position:relative;z-index:10;min-height:100vh;display:block;padding:2rem 1rem}@media (min-width: 1025px){.main-content{padding-left:calc(2rem + 148px);padding-right:2rem}}.section-container{width:100%;max-width:1400px;position:relative;margin:0 auto;animation:sectionSlideIn .8s cubic-bezier(.23,1,.32,1);will-change:opacity}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:none}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(165deg,#14021c,#0b0013);display:flex;align-items:center;justify-content:center;z-index:9999;animation:loadingFadeOut 1s ease-in-out 3s forwards;overflow:hidden}.loading-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(20deg,#ff3ec8,#b63dff 60%,#8a3dff);clip-path:polygon(0 0,100% 0,100% 38%,0 56%);opacity:.95}.loading-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#12011a,#0b0013 70%,#090011);clip-path:polygon(0 56%,100% 38%,100% 100%,0 100%)}.loading-content{position:relative;z-index:2;text-align:center;color:#fff}.quantum-loader{position:relative;width:120px;height:120px;margin:0 auto 2rem}.quantum-particle{position:absolute;width:20px;height:20px;border-radius:50%;background:linear-gradient(45deg,#667eea,#764ba2);animation:quantumSpin 2s infinite ease-in-out;box-shadow:0 0 20px #667eea80}.quantum-particle:nth-child(1){top:0;left:50%;transform:translate(-50%);animation-delay:0s}.quantum-particle:nth-child(2){top:50%;right:0;transform:translateY(-50%);animation-delay:.6s}.quantum-particle:nth-child(3){bottom:0;left:50%;transform:translate(-50%);animation-delay:1.2s}@keyframes quantumSpin{0%,to{transform:translate(-50%) scale(1);opacity:1}25%{transform:translate(-50%) scale(1.5);opacity:.7}50%{transform:translate(-50%) scale(.8);opacity:.4}75%{transform:translate(-50%) scale(1.2);opacity:.8}}.loading-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='120'><text x='0' y='35' font-family='Segoe UI, Arial, sans-serif' font-size='24' fill='%23ffffff' opacity='0.06'>akshatsinha</text><text x='130' y='90' font-family='Segoe UI, Arial, sans-serif' font-size='24' fill='%23ffffff' opacity='0.06'>akshatsinha</text></svg>");background-repeat:repeat;background-size:260px 120px;transform:rotate(-22deg) scale(1.2);transform-origin:center}.loading-counter{position:relative;margin:0 auto 3rem;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.counter-container{position:relative;z-index:2;display:flex;align-items:baseline;gap:.2rem}.counter-number{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:counterPulse .5s ease-in-out infinite alternate;font-family:Times New Roman,serif;text-shadow:0 0 30px rgba(102,126,234,.3)}.counter-percent{font-size:1.4rem;font-weight:600;color:#a0a9c1;opacity:.8;font-family:Times New Roman,serif}@keyframes counterPulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.05);filter:brightness(1.2)}}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.progress-svg{transform:rotate(-90deg);width:100%;height:100%}.progress-background{stroke:#667eea1a}.progress-bar{stroke:url(#progressGradient);stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(102,126,234,.5))}.progress-svg:before{content:"";position:absolute}.progress-svg{background:conic-gradient(from 0deg,#667eea,#764ba2,#f093fb,#667eea);-webkit-mask:radial-gradient(circle,transparent 47px,black 50px);mask:radial-gradient(circle,transparent 47px,black 50px)}.progress-bar{stroke:#667eea;animation:progressGlow 2s ease-in-out infinite alternate}@keyframes progressGlow{0%{stroke:#667eea;filter:drop-shadow(0 0 10px rgba(102,126,234,.5))}50%{stroke:#764ba2;filter:drop-shadow(0 0 15px rgba(118,75,162,.6))}to{stroke:#f093fb;filter:drop-shadow(0 0 20px rgba(240,147,251,.7))}}.loading-text{font-size:2.5rem;font-weight:700;margin-bottom:1rem;font-family:Times New Roman,serif}.loading-letter{display:inline-block;animation:letterBounce 1.5s infinite;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes letterBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.loading-subtitle{font-size:1.2rem;color:#a0a9c1;font-style:italic}.typewriter{border-right:2px solid #667eea;white-space:nowrap;overflow:hidden;animation:typing 3s steps(22) 1s forwards,blink 1s infinite 1s;width:0;display:inline-block}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:#667eea}}@keyframes loadingFadeOut{to{opacity:0;visibility:hidden}}@media (max-width: 768px){.loading-counter{width:100px;height:100px;margin:0 auto 2rem}.counter-number{font-size:2.2rem}.counter-percent{font-size:1.2rem}.progress-svg{width:100px;height:100px}.loading-text{font-size:2rem}.loading-subtitle{font-size:1rem}}@media (max-width: 480px){.loading-counter{width:80px;height:80px}.counter-number{font-size:1.8rem}.counter-percent{font-size:1rem}}.navigation{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:1000;width:72px;transition:width .4s ease;background:#0f141a;border-radius:0 44px 44px 0;border:1px solid #e5e7eb;padding:.6rem 0;overflow:visible;box-shadow:-36px 0 #0f141a}.navigation:before,.navigation:after{content:"";position:absolute;left:-36px;width:72px;height:72px;background:#0f141a;border:1px solid #e5e7eb;border-right:none;border-radius:50%;clip-path:inset(0 36px 0 0);pointer-events:none}.navigation:before{top:-36px}.navigation:after{bottom:-36px}.navigation.expanded{width:280px}.nav-toggle{position:absolute;top:1rem;right:1rem;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#fff176,#9dfba0,#9df2ff);transition:transform .3s ease}.nav-toggle:hover{transform:none}.nav-toggle-icon{width:20px;height:15px;position:relative}.nav-toggle-icon span{display:block;height:2px;width:100%;background:#fff;margin:3px 0;transition:.3s;border-radius:1px}.navigation.expanded .nav-toggle-icon span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navigation.expanded .nav-toggle-icon span:nth-child(2){opacity:0}.navigation.expanded .nav-toggle-icon span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-items{display:flex;flex-direction:column;gap:.4rem;padding:2.7rem 0 .9rem}.nav-item{position:relative;display:flex;align-items:center;padding:.8rem;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);border-radius:20px;margin:0 .4rem;overflow:hidden;animation:navItemSlideIn .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translate(-20px)}@keyframes navItemSlideIn{to{opacity:1;transform:translate(0)}}.nav-item:hover{background:transparent;transform:none}.nav-item{position:relative}.nav-item:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;background:radial-gradient(120% 120% at 10% 10%,rgba(255,0,255,.35) 0,transparent 50%),radial-gradient(120% 120% at 90% 10%,rgba(255,0,0,.35) 0,transparent 50%),radial-gradient(120% 120% at 10% 90%,rgba(255,165,0,.35) 0,transparent 50%),radial-gradient(120% 120% at 90% 90%,rgba(238,130,238,.35) 0,transparent 50%);filter:blur(8px);opacity:0;transition:opacity .25s ease;pointer-events:none}.nav-item:hover:before{opacity:0}.nav-item.active{background:transparent;border-left:none}.nav-icon{font-size:1.5rem;min-width:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.nav-item:hover .nav-icon{transform:none}.nav-label{margin-left:1rem;color:#1f2937;font-weight:700;font-size:1.05rem;opacity:0;transform:translate(-10px);transition:all .4s ease;white-space:nowrap;font-family:Amazon Ember,sans-serif;letter-spacing:.2px}.navigation.expanded .nav-label{opacity:1;transform:translate(0);color:#fff}.nav-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,var(--item-color),transparent);opacity:0;transition:opacity .3s ease;border-radius:20px;z-index:-1}.nav-item:hover .nav-glow{opacity:0}@media (max-width: 1024px){.navigation{left:.75rem;width:56px;transform:translate(-140%,-50%);pointer-events:none}.navigation.expanded{width:200px;transform:translateY(-50%);pointer-events:auto}.nav-icon-image{width:36px;height:36px}}@media (min-width:1025px) and (max-height:900px){.navigation{width:72px;box-shadow:-36px 0 #0f141a;transform:translateY(-50%) scale(.92)}.navigation:before,.navigation:after{left:-36px;width:72px;height:72px;clip-path:inset(0 36px 0 0)}.navigation:before{top:-36px}.navigation:after{bottom:-36px}.nav-toggle{width:36px;height:36px}.nav-items{gap:.4rem;padding:2.4rem 0 .85rem}.nav-item{padding:.8rem;margin:0 .4rem}.nav-icon-image,.nav-icon-svg{width:48px;height:48px}}@media (min-width:1025px) and (max-height:760px){.navigation{width:64px;box-shadow:-32px 0 #0f141a;transform:translateY(-50%) scale(.85)}.navigation:before,.navigation:after{left:-32px;width:64px;height:64px;clip-path:inset(0 32px 0 0)}.navigation:before{top:-32px}.navigation:after{bottom:-32px}.nav-toggle{width:32px;height:32px}.nav-items{gap:.35rem;padding:2.1rem 0 .7rem}.nav-item{padding:.7rem;margin:0 .35rem}.nav-icon-image,.nav-icon-svg{width:44px;height:44px}}.mobile-nav-toggle{position:fixed;left:calc(env(safe-area-inset-left,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fff176,#9dfba0,#9df2ff);z-index:4000;display:none;align-items:center;justify-content:center;box-shadow:0 10px 22px #00000026;touch-action:manipulation;cursor:pointer}.mobile-nav-toggle .nav-toggle-icon{width:22px;height:16px}.nav-icon-image{width:56px;height:56px;object-fit:contain;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}.nav-icon-svg{width:56px;height:56px;color:#fff;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}.nav-item:hover .nav-icon-image{transform:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}.nav-item.active .nav-icon-image{transform:scale(1.22);filter:brightness(1.05) drop-shadow(0 0 12px rgb(149,203,197))}.nav-item.active .nav-icon-svg{transform:scale(1.22)}@media (max-width: 1024px){.mobile-nav-toggle{display:flex}}.contact-container{position:relative;padding:4rem 2rem;background:#fff;border-top:1px solid #e5e7eb}.contact-header{text-align:center;margin-bottom:3rem;opacity:0;animation:slideUpFadeIn 1s ease-out .3s forwards}.contact-header h3{font-size:2.5rem;color:#1f2937;margin-bottom:1rem}.contact-header p{font-size:1.2rem;color:#4b5563;font-style:italic}.social-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.social-link{position:relative;padding:1.1rem 2rem;border-radius:50px!important;display:flex;align-items:center;gap:1rem;text-decoration:none;overflow:visible;transition:all .3s ease;border:1.5px solid #e5e7eb;background:#f3f3f7;opacity:0;transform:translateY(20px);animation:socialLinkSlideIn .6s ease-out var(--delay) forwards}@keyframes socialLinkSlideIn{to{opacity:1;transform:translateY(0)}}.social-link:hover{transform:none}.social-link:active{transform:scale(1.02)}.social-link:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;padding:2px;border-radius:50px;background:conic-gradient(from 0deg,#ff6ad5,#ff5b7b,#ffb77a,#ff8a3d,#ff6ad5);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .06s ease;pointer-events:none;z-index:0;filter:saturate(1.25) brightness(1.2)}.social-link:hover:before{opacity:1}.social-link:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50px;background:conic-gradient(from 0deg,#ff6ad5,#ff5b7b,#ffb77a,#ff8a3d,#ff6ad5);filter:blur(14px) saturate(1.15) brightness(1.1);opacity:0;transition:opacity .06s ease;pointer-events:none;z-index:-1}.social-link:hover:after{opacity:.55}.social-icon-img{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-6px);z-index:3}.social-icon-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.6))}.social-link:hover .social-icon-img{transform:none}.social-icon-img:hover{transform:scale(1.18)}.social-name{font-size:1.1rem;color:#1f2937;font-weight:700;position:relative;z-index:2}.social-glow{display:none}.terminal-icon{position:fixed;top:20px;right:20px;width:60px;height:40px;cursor:pointer;z-index:999;transform-origin:center;transition:all .3s ease}.terminal-icon:hover{transform:scale(1.1)}.terminal-icon.spinning{animation:terminalSpin 1.2s cubic-bezier(.68,-.55,.27,1.55)}@keyframes terminalSpin{0%{transform:scale(1) rotate(0) translate(0) translateY(0)}25%{transform:scale(1.2) rotate(180deg) translate(-200px) translateY(100px)}50%{transform:scale(1.5) rotate(360deg) translate(-400px) translateY(200px)}75%{transform:scale(1.8) rotate(540deg) translate(-200px) translateY(100px)}to{transform:scale(2) rotate(720deg) translate(0) translateY(0)}}.terminal-icon-content{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:6px;border:2px solid #404040;padding:8px;position:relative;box-shadow:0 4px 12px #0000004d}.icon-screen{width:100%;height:100%;background:#000;border-radius:2px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px}.icon-line{height:2px;background:#00ff41;border-radius:1px;animation:iconBlink 2s infinite}.icon-line:nth-child(1){width:80%}.icon-line:nth-child(2){width:60%}.icon-line:nth-child(3){width:40%}@keyframes iconBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.terminal-tail{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #404040}.tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;font-family:Fira Sans,sans-serif}.terminal-icon:hover .tooltip{opacity:1}.terminal-icon{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
