*{margin:0;padding:0;box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #8b5cf6;--accent: #ec4899;--accent-2: #f59e0b;--dark: #0f172a;--dark-light: #1e293b;--dark-lighter: #334155;--light: #f8fafc;--gray: #94a3b8;--white: #ffffff;--gradient-1: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-2: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-3: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--glow-rgb: 99, 102, 241;--aurora-1: rgba(99, 102, 241, .35);--aurora-2: rgba(236, 72, 153, .25);--aurora-3: rgba(139, 92, 246, .2)}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%;cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){html{-webkit-overflow-scrolling:touch}}.cursor-dot{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--primary);pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background .3s ease;box-shadow:0 0 10px rgba(var(--glow-rgb),.8),0 0 20px rgba(var(--glow-rgb),.4)}.cursor-ring{position:fixed;width:38px;height:38px;border-radius:50%;border:2px solid rgba(var(--glow-rgb),.5);pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,border-color .3s ease}.cursor-dot.hovering{width:14px;height:14px;background:var(--accent);box-shadow:0 0 16px rgba(var(--glow-rgb),1),0 0 32px rgba(var(--glow-rgb),.5)}.cursor-ring.hovering{width:52px;height:52px;border-color:rgba(var(--glow-rgb),.8)}@media (hover: none){.cursor-dot,.cursor-ring{display:none}html{cursor:auto}}.aurora-blob{position:fixed;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;transform:translateZ(0)}.aurora-blob-1{width:600px;height:600px;background:radial-gradient(circle at center,var(--aurora-1) 0%,transparent 70%);top:-150px;left:-150px;animation:blob-drift-1 28s ease-in-out infinite}.aurora-blob-2{width:550px;height:550px;background:radial-gradient(circle at center,var(--aurora-2) 0%,transparent 70%);bottom:-120px;right:-120px;animation:blob-drift-2 34s ease-in-out infinite}.aurora-blob-3{width:420px;height:420px;background:radial-gradient(circle at center,var(--aurora-3) 0%,transparent 70%);top:40%;left:40%;animation:blob-drift-3 22s ease-in-out infinite}@media (max-width: 1024px){.aurora-blob{animation:none!important;opacity:.4}}@keyframes blob-drift-1{0%,to{transform:translate(0)}33%{transform:translate(120px,100px)}66%{transform:translate(60px,220px)}}@keyframes blob-drift-2{0%,to{transform:translate(0)}33%{transform:translate(-100px,-80px)}66%{transform:translate(-160px,-40px)}}@keyframes blob-drift-3{0%,to{transform:translate(0)}50%{transform:translate(-120px,-120px)}}.grid-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(var(--glow-rgb),.08) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;opacity:.6;transform:translateZ(0)}@media (max-width: 1024px){.grid-pattern{background-size:60px 60px;opacity:.3}}body{font-family:Inter,Poppins,sans-serif;background:var(--dark);color:var(--light);line-height:1.6;overflow-x:hidden;min-height:100vh;max-width:100%;transition:background .6s ease}#root{min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--gradient-1);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.section{min-height:100vh;padding:100px 20px;max-width:1400px;margin:0 auto;position:relative;overflow-x:hidden;z-index:1;contain:layout style paint}@media (max-width: 1024px){.section{contain:layout style}}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;text-align:center;margin-bottom:20px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 25%,var(--accent) 50%,var(--primary) 75%,var(--accent) 100%);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;animation:shimmer-text 6s linear infinite}@keyframes shimmer-text{0%{background-position:0% center}to{background-position:-250% center}}@media (max-width: 1024px){.section-title{animation:none;background-position:0% center}}.section-subtitle{text-align:center;color:var(--gray);font-size:clamp(1rem,2vw,1.25rem);margin-bottom:80px;max-width:600px;margin-left:auto;margin-right:auto}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:14px 32px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-family:inherit;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.btn:hover:after{width:300px;height:300px}.btn-primary{background:var(--gradient-1);color:var(--white);box-shadow:0 8px 30px rgba(var(--glow-rgb),.4)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(var(--glow-rgb),.65)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-4px);box-shadow:0 10px 30px rgba(var(--glow-rgb),.4)}.card{background:var(--dark-light);border-radius:20px;padding:40px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s ease;border:1px solid rgba(var(--glow-rgb),.12);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-1);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(var(--glow-rgb),.22);border-color:rgba(var(--glow-rgb),.28)}.card:hover:before{transform:scaleX(1)}@media (hover: none){.card:hover{transform:none;box-shadow:none;border-color:rgba(var(--glow-rgb),.12)}.card:hover:before{transform:scaleX(0)}}.glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(var(--glow-rgb),.2) 0%,transparent 70%);filter:blur(50px);pointer-events:none;z-index:0;animation:glow-pulse 8s ease-in-out infinite;transform:translateZ(0)}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:.9}}@media (max-width: 1024px){.glow{animation:none;opacity:.3!important;filter:blur(40px)}}@keyframes float{0%,to{transform:translateZ(0)}33%{transform:translate3d(0,-12px,0)}66%{transform:translate3d(0,-6px,0)}}@keyframes float-slow{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-22px,0)}}@keyframes orbit{0%{transform:rotate(0) translate(260px) rotate(0)}to{transform:rotate(360deg) translate(260px) rotate(-360deg)}}@keyframes orbit-reverse{0%{transform:rotate(0) translate(300px) rotate(0)}to{transform:rotate(-360deg) translate(300px) rotate(360deg)}}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-ring-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particle-float{0%{transform:translateY(100px) scale(0);opacity:0}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-100px) scale(1.2);opacity:0}}@keyframes particle-drift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(20px) translateY(-30px)}50%{transform:translate(-15px) translateY(-60px)}75%{transform:translate(25px) translateY(-40px)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor{display:inline-block;width:3px;height:1em;background:var(--primary);margin-left:4px;vertical-align:middle;animation:blink 1s step-end infinite;border-radius:2px;box-shadow:0 0 8px rgba(var(--glow-rgb),.8)}.tech-float-icon{position:absolute;opacity:.06;font-size:2.2rem;pointer-events:none;animation:particle-drift var(--duration, 16s) ease-in-out infinite;animation-delay:var(--delay, 0s);color:var(--primary);transform:translateZ(0)}@media (max-width: 1024px){.tech-float-icon{animation:none!important;opacity:.03}}.stat-number{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes neon-glow{0%,to{text-shadow:0 0 5px rgba(var(--glow-rgb),.5),0 0 15px rgba(var(--glow-rgb),.3),0 0 30px rgba(var(--glow-rgb),.2)}50%{text-shadow:0 0 10px rgba(var(--glow-rgb),.8),0 0 25px rgba(var(--glow-rgb),.5),0 0 50px rgba(var(--glow-rgb),.3)}}.marquee-container{width:100%;overflow:hidden;position:relative;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%)}.marquee-track{display:flex;gap:20px;width:max-content}.marquee-left{animation:marquee-scroll-left var(--marquee-speed, 30s) linear infinite}.marquee-right{animation:marquee-scroll-right var(--marquee-speed, 30s) linear infinite}.marquee-container:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-skill-card{flex-shrink:0;display:flex;align-items:center;gap:14px;padding:16px 28px;background:var(--dark-light);border:1px solid rgba(var(--glow-rgb),.12);border-radius:16px;position:relative;overflow:hidden;cursor:default;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.marquee-skill-card:hover{transform:translateY(-6px) scale(1.04);border-color:var(--skill-color, rgba(var(--glow-rgb), .4));box-shadow:0 12px 36px rgba(var(--glow-rgb),.25)}.marquee-skill-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease,filter .3s ease}.marquee-skill-card:hover .marquee-skill-icon{transform:scale(1.2) rotate(-6deg);filter:drop-shadow(0 0 8px currentColor)}.marquee-skill-name{font-weight:700;font-size:1.05rem;color:var(--light);white-space:nowrap}.marquee-skill-glow{position:absolute;top:50%;right:-20px;width:80px;height:80px;border-radius:50%;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity .3s ease}.marquee-skill-card:hover .marquee-skill-glow{opacity:1}@media (max-width: 768px){.marquee-skill-card{padding:12px 20px;gap:10px;border-radius:12px}.marquee-skill-icon{font-size:1.6rem}.marquee-skill-name{font-size:.92rem}.marquee-skill-card:hover{transform:none;border-color:rgba(var(--glow-rgb),.12);box-shadow:none}.marquee-skill-card:hover .marquee-skill-icon{transform:none;filter:none}.marquee-skill-card:hover .marquee-skill-glow{opacity:0}}@keyframes bar-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skill-bar-fill{position:relative;overflow:hidden}.skill-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;width:60px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:bar-shimmer 2s linear infinite}.section-divider{width:80px;height:4px;background:var(--gradient-1);border-radius:4px;margin:0 auto 30px;position:relative;overflow:hidden}.section-divider:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:bar-shimmer 2.5s linear infinite}@media (max-width: 1024px){.section{padding:80px 30px}.hero-container{grid-template-columns:1fr!important;text-align:center;gap:50px!important}.about-container{grid-template-columns:1fr!important;gap:50px!important}.projects-grid,.reviews-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}.about-stats-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 968px){.hero-container{grid-template-columns:1fr!important;text-align:center;gap:30px!important}.hero-profile{width:300px!important;height:300px!important;max-width:70vw!important;animation:none!important}.hero-profile img{width:100%!important}.hero-buttons{flex-direction:column!important;gap:15px!important;width:100%!important;align-items:stretch!important}.hero-buttons .btn{width:100%!important;justify-content:center!important}.hero-social-links{align-items:center!important}.hero-social-links>div{justify-content:center!important}.scroll-indicator{display:none!important}.hero-image-column{order:-1;width:100%;display:flex!important;justify-content:center!important;align-items:center!important}.menu-toggle{display:block!important}.header nav{position:fixed;top:70px;left:0;right:0;z-index:999;background:#0a0a14fa;flex-direction:column;padding:30px 20px;gap:0;transform:translate(-100%);transition:transform .3s ease;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid rgba(var(--glow-rgb),.2);box-shadow:0 10px 30px #0000004d;max-height:calc(100vh - 70px);overflow-y:auto}.header nav.nav-open{transform:translate(0)}.header nav a{padding:15px 0!important;border-bottom:1px solid rgba(var(--glow-rgb),.1);display:block;font-size:1.05rem!important}.header nav a:last-child{border-bottom:none}.aurora-blob{opacity:.4;animation:none!important}}@media (max-width: 768px){.section{padding:60px 15px;min-height:auto}.section-subtitle{margin-bottom:40px;padding:0 10px;font-size:1rem!important}.card{padding:25px 20px}.btn{padding:12px 24px;font-size:.9rem}.hero-profile{width:280px!important;height:280px!important;max-width:80vw!important}.projects-grid,.reviews-grid{grid-template-columns:1fr!important;gap:25px!important}.about-container{grid-template-columns:1fr!important;gap:40px!important}.about-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.about-left-heading{font-size:clamp(1.4rem,5vw,2rem)!important;letter-spacing:-.5px!important}.experience-timeline{padding-left:0!important}.experience-timeline-line,.experience-dot{display:none!important}.experience-content{margin-left:0!important;padding:25px 20px!important}.project-content{padding:25px 20px!important}.contact-section-heading{font-size:1.7rem!important}}@media (max-width: 480px){.section{padding:50px 12px}.card{padding:20px 15px}.btn{padding:10px 20px;font-size:.85rem}.hero-profile{width:240px!important;height:240px!important;max-width:75vw!important}.header{padding:12px 15px!important}.header nav{top:60px!important}.projects-grid,.reviews-grid{grid-template-columns:1fr!important;gap:20px!important}.about-container{gap:30px!important}.about-stats-grid{grid-template-columns:1fr!important;gap:15px!important}.about-left-heading{font-size:clamp(1.3rem,5vw,1.6rem)!important}.experience-content,.project-content{padding:20px 15px!important}.contact-section-heading{font-size:1.4rem!important}.section-title{font-size:clamp(2rem,8vw,2.5rem)!important;letter-spacing:-.5px!important}}.whatsapp-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;font-size:28px}@media (max-width: 768px){.whatsapp-float{bottom:max(16px,env(safe-area-inset-bottom,16px));right:max(16px,env(safe-area-inset-right,16px));width:60px;height:60px;font-size:32px}}input::placeholder,textarea::placeholder{color:var(--gray);opacity:.6}input:focus,textarea:focus{outline:none}.experience-timeline-line{position:relative}.experience-timeline-line:after{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--gradient-1);animation:glow-pulse 3s ease-in-out infinite;filter:blur(3px);opacity:.5}.tag-pill{padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:600;background:rgba(var(--glow-rgb),.1);border:1px solid rgba(var(--glow-rgb),.25);color:var(--primary);transition:all .3s ease;cursor:default}.tag-pill:hover{background:rgba(var(--glow-rgb),.2);border-color:rgba(var(--glow-rgb),.5);box-shadow:0 0 12px rgba(var(--glow-rgb),.3);transform:translateY(-2px)}
