:root{--bg-primary:#050816;--bg-secondary:#080c22;--bg-tertiary:#0c1130;--bg-card:#0a0e2a8c;--bg-card-hover:#10163abf;--bg-glass:#080c2280;--bg-glass-strong:#050816eb;--accent:#00e5ff;--accent-light:#5ef0ff;--accent-dark:#00b8d4;--accent-glow:#00e5ff1a;--accent-glow-strong:#00e5ff38;--accent-secondary:#7c3aed;--accent-secondary-light:#a78bfa;--accent-gold:#f0c040;--text-primary:#eaf0fa;--text-secondary:#8892b0;--text-tertiary:#5a6380;--text-accent:var(--accent);--border-subtle:#ffffff0a;--border-card:#00e5ff12;--border-hover:#00e5ff66;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--space-4xl:8rem;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--fs-4xl:2.75rem;--fs-5xl:3.5rem;--fs-6xl:5rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-full:9999px;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 28px #00000073;--shadow-lg:0 16px 48px #00000080;--shadow-glow:0 0 40px #00e5ff24, 0 0 80px #00e5ff12;--shadow-glow-strong:0 0 60px #00e5ff38, 0 0 120px #7c3aed1f;--shadow-card:0 4px 32px #00000059, inset 0 1px 0 #ffffff08;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.25, .46, .45, .94);--ease-expo:cubic-bezier(.19, 1, .22, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.7s;--duration-reveal:.9s;--container-max:1280px;--nav-height:76px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:700;line-height:1.2}a{color:var(--accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-light)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-4xl) 0;position:relative}.section-title{font-size:var(--fs-4xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent) 50%, var(--accent-secondary-light) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-weight:800}.section-header.visible .section-title{animation:3s ease-in-out infinite alternate title-shimmer}@keyframes title-shimmer{0%{background-position:0%}to{background-position:100%}}.section-subtitle{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:var(--space-3xl);max-width:640px;line-height:1.8}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header .section-title{display:inline-block}.section-header .section-subtitle{margin-left:auto;margin-right:auto}.gradient-text{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mono{font-family:var(--font-mono)}.bg-orbs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(120px);opacity:.35;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.bg-orb-1{background:radial-gradient(circle,#00e5ff26,#0000 70%);width:600px;height:600px;animation-duration:25s;top:-10%;right:-10%}.bg-orb-2{background:radial-gradient(circle,#7c3aed1f,#0000 70%);width:500px;height:500px;animation-duration:30s;animation-delay:-5s;bottom:10%;left:-5%}.bg-orb-3{background:radial-gradient(circle,#00e5ff14,#0000 70%);width:400px;height:400px;animation-duration:22s;animation-delay:-10s;top:50%;left:40%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.02)}}.navbar{height:var(--nav-height);z-index:1000;transition:background var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(28px)saturate(1.6);border-bottom-color:var(--border-card);box-shadow:0 4px 32px #00000080}.navbar-inner{max-width:var(--container-max);padding:0 var(--space-xl);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.navbar-logo{font-size:var(--fs-xl);color:var(--text-primary);align-items:center;gap:var(--space-sm);letter-spacing:-.5px;transition:transform var(--duration-fast) var(--ease-spring);font-weight:800;display:flex}.navbar-logo:hover{color:var(--text-primary);transform:scale(1.05)}.navbar-logo .logo-bracket{color:var(--accent);font-family:var(--font-mono);font-weight:700}.nav-links{align-items:center;gap:var(--space-lg);display:flex}.nav-links a{color:var(--text-secondary);font-size:var(--fs-sm);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);font-weight:500;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-secondary));width:0;height:2px;transition:width var(--duration-normal) var(--ease-out), left var(--duration-normal) var(--ease-out);border-radius:var(--radius-full);position:absolute;bottom:-2px;left:50%}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:hover:after{width:70%;left:15%}.nav-links a.active:after{width:60%;left:20%}.nav-cta{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));box-shadow:0 4px 20px #00e5ff26;color:#fff!important;padding:var(--space-sm) var(--space-xl)!important;border-radius:var(--radius-full)!important;font-weight:600!important;font-size:var(--fs-sm)!important;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out)!important}.nav-cta:after{display:none!important}.nav-cta:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)scale(1.02)}.nav-toggle{padding:var(--space-sm);cursor:pointer;z-index:1001;flex-direction:column;gap:5px;display:none}.nav-toggle span{background:var(--text-primary);width:24px;height:2px;transition:transform var(--duration-normal) var(--ease-out), opacity var(--duration-fast);border-radius:var(--radius-full)}.nav-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-canvas-bg{z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 40%, #00e5ff0f, transparent), radial-gradient(ellipse 60% 50% at 70% 60%, #7c3aed0d, transparent), var(--bg-primary);width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(180deg, #05081626 0%, #05081659 50%, var(--bg-primary) 100%);z-index:1;position:absolute;inset:0}.hero-content{z-index:2;align-items:center;gap:var(--space-3xl);width:100%;max-width:var(--container-max);padding:0 var(--space-xl);margin:0 auto;display:flex;position:relative}.hero-text{flex:1;min-width:0}.hero-greeting{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-md);display:flex}.hero-greeting .line{background:linear-gradient(90deg, var(--accent), transparent);width:40px;height:1px}.hero-name{font-size:var(--fs-6xl);margin-bottom:var(--space-lg);color:var(--text-primary);letter-spacing:-2px;text-shadow:0 0 80px #00e5ff14;font-weight:900;line-height:1.05}.hero-name .highlight{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.hero-roles{font-size:var(--fs-xl);color:var(--text-secondary);margin-bottom:var(--space-xl);min-height:2em}.hero-roles .typewriter-cursor{color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:560px;line-height:1.9}.hero-actions{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.btn-primary{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#fff;border-radius:var(--radius-full);font-weight:600;font-size:var(--fs-base);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out), filter var(--duration-fast) ease;cursor:pointer;border:none;padding:16px 36px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00e5ff38}.btn-primary:before{content:"";opacity:0;transition:opacity var(--duration-fast);background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.btn-primary:hover{box-shadow:var(--shadow-glow-strong);color:#fff;transform:translateY(-3px)scale(1.03)}.btn-primary:hover:before{opacity:1}.btn-secondary{align-items:center;gap:var(--space-sm);color:var(--text-primary);border-radius:var(--radius-full);font-weight:600;font-size:var(--fs-base);border:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out), filter var(--duration-fast) ease;cursor:pointer;background:#ffffff05;padding:16px 36px;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-glow);color:var(--text-primary);transform:translateY(-3px);box-shadow:0 0 30px #00e5ff1a}.hero-socials{align-items:center;gap:var(--space-md);display:flex}.social-link{border-radius:var(--radius-md);border:1px solid var(--border-card);width:46px;height:46px;color:var(--text-secondary);transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out);background:#ffffff05;justify-content:center;align-items:center;display:flex}.social-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);transform:translateY(-4px)scale(1.08);box-shadow:0 0 24px #00e5ff24}.social-link svg{width:20px;height:20px}.hero-3d{flex:1;min-width:0;height:520px;position:relative}.css-3d-scene{width:100%;height:100%;transform-style:preserve-3d;transition:transform .1s linear;position:relative}.css-3d-scene .shape{border-radius:var(--radius-xl);background:var(--bg-glass);border:1px solid var(--border-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute}.css-3d-scene .shape-1{background:linear-gradient(135deg,#00e5ff14,#7c3aed14);border-color:#00e5ff1f;width:260px;height:340px;margin-top:-170px;margin-left:-130px;top:50%;left:50%;transform:translateZ(50px)rotateY(-12deg)}.css-3d-scene .shape-2{opacity:.6;background:radial-gradient(circle,#00e5ff1a,#0000);border:1px solid #00e5ff26;border-radius:50%;width:180px;height:180px;animation:8s ease-in-out infinite shapeFloat;top:15%;right:8%;transform:translateZ(100px)rotateX(12deg)rotateY(12deg)}.css-3d-scene .shape-3{width:130px;height:130px;color:var(--accent);border-color:#7c3aed26;justify-content:center;align-items:center;animation:6s ease-in-out infinite reverse shapeFloat;display:flex;bottom:12%;left:12%;transform:translateZ(150px)rotate(12deg)}.css-3d-scene .shape-3 svg{width:48px;height:48px}@keyframes shapeFloat{0%,to{transform:translateZ(100px)rotateX(12deg)rotateY(12deg)translateY(0)}50%{transform:translateZ(100px)rotateX(12deg)rotateY(12deg)translateY(-15px)}}.scroll-indicator{z-index:2;align-items:center;gap:var(--space-sm);color:var(--text-tertiary);font-size:var(--fs-xs);font-family:var(--font-mono);flex-direction:column;animation:3s ease-in-out infinite float;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-indicator .mouse{border:2px solid var(--text-tertiary);border-radius:12px;width:24px;height:38px;position:relative}.scroll-indicator .mouse:before{content:"";background:var(--accent);border-radius:var(--radius-full);width:3px;height:8px;animation:2s ease-in-out infinite scroll-dot;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes scroll-dot{0%{opacity:1;top:6px}to{opacity:0;top:20px}}.about-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.9;font-size:var(--fs-lg)}.about-text p .accent-text{color:var(--accent);font-weight:600}.about-stats{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--glow-angle,0deg), transparent 60%, var(--accent) 78%, var(--accent-secondary) 90%, transparent 100%);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stat-card:hover{box-shadow:var(--shadow-glow);background:var(--bg-card-hover);border-color:#0000;transform:translateY(-6px)}.stat-card:hover:before{opacity:1;animation:2.5s linear infinite glow-sweep}@keyframes glow-sweep{to{--glow-angle:360deg}}@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.stat-number{font-family:var(--font-heading);font-size:var(--fs-4xl);background:linear-gradient(135deg, var(--accent), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1.2}.stat-label{font-size:var(--fs-sm);color:var(--text-tertiary);margin-top:var(--space-xs);font-weight:500}.skills-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.skill-category{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:var(--space-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-spring), background var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.skill-category:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-secondary), transparent);opacity:0;width:200%;height:2px;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;top:0;left:-100%}.skill-category:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow), 0 20px 40px #0000004d;background:var(--bg-card-hover);transform:translateY(-6px)}.skill-category:hover:before{opacity:1;animation:1.5s linear infinite border-sweep}@keyframes border-sweep{to{left:0%}}.skill-category-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.skill-category-icon{border-radius:var(--radius-md);background:var(--accent-glow);width:48px;height:48px;color:var(--accent);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #00e5ff1a;justify-content:center;align-items:center;display:flex}.skill-category:hover .skill-category-icon{transform:scale(1.1)rotate(-5deg);box-shadow:0 0 20px #00e5ff33}.skill-category-icon svg{width:22px;height:22px}.skill-category-title{font-size:var(--fs-xl);color:var(--text-primary);font-weight:700}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--fs-sm);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out);background:#00e5ff0f;border:1px solid #00e5ff14;padding:8px 18px;font-weight:500}.skill-tag:hover{color:var(--accent-light);background:#00e5ff24;border-color:#00e5ff40;transform:translateY(-2px)}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:var(--space-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-spring), background var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-secondary), var(--accent-gold), transparent);opacity:0;width:200%;height:3px;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;top:0;left:-100%}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow), 0 24px 48px #00000059;background:var(--bg-card-hover);transform:translateY(-8px)}.project-card:hover:before{opacity:1;animation:2s linear infinite border-sweep}.project-card.featured{gap:var(--space-3xl);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.project-icon{border-radius:var(--radius-md);background:var(--accent-glow);width:56px;height:56px;margin-bottom:var(--space-xl);color:var(--accent);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #00e5ff1a;justify-content:center;align-items:center;display:flex}.project-card:hover .project-icon,.project-card-small:hover .project-icon{transform:scale(1.1)rotate(-3deg);box-shadow:0 0 16px #00e5ff26}.project-icon svg{width:26px;height:26px}.project-badge{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#fff;border-radius:var(--radius-full);font-size:var(--fs-xs);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:6px 16px;font-weight:600;display:inline-flex;box-shadow:0 4px 18px #00e5ff2e}.project-title{font-size:var(--fs-2xl);margin-bottom:var(--space-md);color:var(--text-primary);font-weight:700}.project-description{color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.8}.project-features{margin-bottom:var(--space-xl)}.project-features li{color:var(--text-secondary);padding:6px 0;padding-left:var(--space-xl);font-size:var(--fs-sm);line-height:1.6;position:relative}.project-features li:before{content:"▹";color:var(--accent);font-size:var(--fs-base);position:absolute;left:0}.project-tech{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.tech-tag{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);background:var(--accent-glow);border-radius:var(--radius-sm);border:1px solid #00e5ff14;padding:5px 14px}.project-links{gap:var(--space-md);flex-wrap:wrap;display:flex}.project-link{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--fs-sm);border-radius:var(--radius-md);border:1px solid var(--border-card);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out);padding:8px 16px;font-weight:500;display:inline-flex}.project-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow);transform:translateY(-2px);box-shadow:0 0 16px #00e5ff1a}.project-link svg{width:18px;height:18px}.projects-small-grid{gap:var(--space-xl);margin-top:var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.project-card-small{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:var(--space-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.project-card-small:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-secondary));opacity:0;height:2px;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;top:0;left:0;right:0}.project-card-small:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow), 0 16px 36px #0000004d;background:var(--bg-card-hover);transform:translateY(-6px)}.project-card-small:hover:before{opacity:1}.project-card-small .project-title{font-size:var(--fs-lg)}.project-card-small .project-description{font-size:var(--fs-sm)}.timeline{padding-left:var(--space-3xl);max-width:800px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-secondary), transparent);width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-item{padding-bottom:var(--space-2xl);position:relative}.timeline-dot{left:calc(-1 * var(--space-3xl) + 2px);background:var(--accent);border:3px solid var(--bg-primary);width:16px;height:16px;box-shadow:0 0 0 4px var(--accent-glow-strong), 0 0 24px #00e5ff40;border-radius:50%;animation:3s ease-in-out infinite dot-pulse;position:absolute;top:4px}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 4px var(--accent-glow-strong), 0 0 24px #00e5ff40}50%{box-shadow:0 0 0 8px #00e5ff1a,0 0 36px #00e5ff59}}.timeline-header{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.timeline-role{font-size:var(--fs-2xl);color:var(--text-primary);font-weight:700}.timeline-company{font-size:var(--fs-lg);color:var(--accent);font-weight:600}.timeline-date{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-tertiary)}.timeline-description{color:var(--text-secondary);line-height:1.8}.timeline-description li{padding:6px 0;padding-left:var(--space-xl);position:relative}.timeline-description li:before{content:"▹";color:var(--accent);position:absolute;left:0}.certs-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.cert-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);align-items:flex-start;gap:var(--space-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out);color:inherit;text-decoration:none;display:flex}.cert-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);color:inherit;background:var(--bg-card-hover);transform:translateY(-4px)}.cert-icon{border-radius:var(--radius-md);width:48px;min-width:48px;height:48px;transition:transform var(--duration-fast) var(--ease-spring);justify-content:center;align-items:center;font-size:22px;display:flex}.cert-card:hover .cert-icon{transform:scale(1.15)rotate(-5deg)}.cert-icon.mathworks{color:#ff8c00;background:#ff8c001f}.cert-icon.skillrack{color:#22c55e;background:#22c55e1f}.cert-icon.pearson{color:#3b82f6;background:#3b82f61f}.cert-icon.microsoft{color:var(--accent);background:#00e5ff1f}.cert-icon.google{color:#fbbf24;background:#fbbf241f}.cert-icon.hackerrank{color:#22c55e;background:#22c55e1f}.cert-info{flex:1}.cert-title{color:var(--text-primary);font-weight:600;font-size:var(--fs-base);margin-bottom:4px}.cert-issuer{font-size:var(--fs-sm);color:var(--text-tertiary)}.cert-external{color:var(--text-tertiary);transition:color var(--duration-fast), transform var(--duration-fast) var(--ease-spring)}.cert-card:hover .cert-external{color:var(--accent);transform:translate(2px,-2px)}.achievements-strip{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.achievement-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:var(--space-2xl);align-items:flex-start;gap:var(--space-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out);display:flex}.achievement-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);background:var(--bg-card-hover);transform:translateY(-6px)}.achievement-icon{border-radius:var(--radius-md);background:var(--accent-glow);width:52px;min-width:52px;height:52px;color:var(--accent);transition:transform var(--duration-fast) var(--ease-spring);border:1px solid #00e5ff1a;justify-content:center;align-items:center;display:flex}.achievement-item:hover .achievement-icon{transform:scale(1.15)rotate(-5deg)}.achievement-icon svg{width:24px;height:24px}.achievement-text{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.7}.achievement-text strong{color:var(--text-primary);font-weight:600}.interests-cloud{gap:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.interest-pill{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--fs-base);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out);cursor:default;padding:14px 28px;font-weight:500}.interest-pill:hover{border-color:var(--accent);background:var(--accent-glow);color:var(--accent-light);transform:translateY(-4px)scale(1.05);box-shadow:0 0 24px #00e5ff1f}.contact-wrapper{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-info h3{font-size:var(--fs-2xl);margin-bottom:var(--space-lg);font-weight:700}.contact-info p{color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.8;font-size:var(--fs-lg)}.contact-details{gap:var(--space-lg);flex-direction:column;display:flex}.contact-detail{align-items:center;gap:var(--space-md);color:var(--text-secondary);transition:color var(--duration-fast), transform var(--duration-fast) var(--ease-spring);font-size:var(--fs-base);display:flex}.contact-detail:hover{color:var(--accent);transform:translate(4px)}.contact-detail-icon{border-radius:var(--radius-md);background:var(--accent-glow);width:44px;min-width:44px;height:44px;color:var(--accent);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #00e5ff1a;justify-content:center;align-items:center;display:flex}.contact-detail:hover .contact-detail-icon{transform:scale(1.1);box-shadow:0 0 16px #00e5ff26}.contact-detail-icon svg{width:20px;height:20px}.contact-socials{gap:var(--space-md);margin-top:var(--space-2xl);display:flex}.contact-form{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:var(--space-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.contact-form:focus-within{border-color:#00e5ff33;box-shadow:0 0 40px #00e5ff0f}.form-group{margin-bottom:var(--space-xl)}.form-group label{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:600;display:block}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--fs-base);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);outline:none;padding:16px 18px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), 0 0 24px #00e5ff14;background:#080c22cc}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group textarea{resize:vertical;min-height:150px}.form-submit{width:100%}.form-status{margin-top:var(--space-md);border-radius:var(--radius-md);font-size:var(--fs-sm);padding:14px 18px;display:none}.form-status.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33;display:block}.form-status.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;display:block}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-3xl) 0}.footer-inner{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;flex-direction:column;display:flex}.footer-copy{color:var(--text-tertiary);font-size:var(--fs-sm)}.footer-links{gap:var(--space-xl);display:flex}.footer-links a{color:var(--text-tertiary);font-size:var(--fs-sm);transition:color var(--duration-fast), transform var(--duration-fast) var(--ease-spring)}.footer-links a:hover{color:var(--accent);transform:translateY(-2px)}.reveal{opacity:0;filter:blur(8px);transition:opacity var(--duration-reveal) var(--ease-expo), transform var(--duration-reveal) var(--ease-expo), filter var(--duration-reveal) var(--ease-expo);transform:translateY(40px)}.reveal.visible{opacity:1;filter:blur();transform:translateY(0)}.reveal-left{opacity:0;filter:blur(6px);transition:opacity var(--duration-reveal) var(--ease-expo), transform var(--duration-reveal) var(--ease-expo), filter var(--duration-reveal) var(--ease-expo);transform:translate(-45px)}.reveal-left.visible{opacity:1;filter:blur();transform:translate(0)}.reveal-right{opacity:0;filter:blur(6px);transition:opacity var(--duration-reveal) var(--ease-expo), transform var(--duration-reveal) var(--ease-expo), filter var(--duration-reveal) var(--ease-expo);transform:translate(45px)}.reveal-right.visible{opacity:1;filter:blur();transform:translate(0)}.reveal-scale{opacity:0;filter:blur(6px);transition:opacity var(--duration-reveal) var(--ease-expo), transform var(--duration-reveal) var(--ease-expo), filter var(--duration-reveal) var(--ease-expo);transform:scale(.85)}.reveal-scale.visible{opacity:1;filter:blur();transform:scale(1)}.stagger-1{transition-delay:60ms}.stagger-2{transition-delay:.12s}.stagger-3{transition-delay:.18s}.stagger-4{transition-delay:.24s}.stagger-5{transition-delay:.3s}.stagger-6{transition-delay:.36s}.stagger-7{transition-delay:.42s}.stagger-8{transition-delay:.48s}.section-divider{background:linear-gradient(90deg,#0000,#00e5ff1f,#7c3aed1f,#0000);width:100%;height:1px;margin:0}@media (width>=1440px){:root{--container-max:1360px;--fs-6xl:5.5rem}.hero-3d{height:580px}.skills-grid{grid-template-columns:repeat(3,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}.achievements-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){:root{--fs-6xl:3.5rem;--fs-5xl:2.5rem;--fs-4xl:2rem}.hero-content{text-align:center;flex-direction:column}.hero-text{order:2}.hero-3d{order:1;width:100%;height:350px}.hero-actions,.hero-socials{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-greeting{justify-content:center}.project-card.featured,.contact-wrapper{grid-template-columns:1fr}.about-grid{gap:var(--space-2xl);grid-template-columns:1fr}.about-stats{max-width:500px;margin:0 auto}.skills-grid,.projects-grid,.certs-grid,.achievements-strip,.projects-small-grid{grid-template-columns:repeat(2,1fr)}.timeline{max-width:700px}}@media (width<=768px){:root{--fs-6xl:2.5rem;--fs-5xl:2rem;--fs-4xl:1.75rem;--fs-3xl:1.5rem;--fs-2xl:1.25rem;--nav-height:64px;--space-4xl:4rem;--space-3xl:3rem}.container{padding:0 var(--space-lg)}.nav-links{background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(30px);width:300px;height:100dvh;padding:calc(var(--nav-height) + var(--space-xl)) var(--space-xl) var(--space-xl);transition:right var(--duration-normal) var(--ease-out);border-left:1px solid var(--border-card);gap:var(--space-sm);flex-direction:column;position:fixed;top:0;right:-100%;overflow-y:auto}.nav-links.open{right:0}.nav-links a{font-size:var(--fs-base);padding:var(--space-md);text-align:left;border-radius:var(--radius-md);width:100%}.nav-links a:hover,.nav-links a.active{background:var(--accent-glow)}.nav-links a:after{display:none}.nav-cta{margin-top:var(--space-md);text-align:center!important}.nav-toggle{display:flex}.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-xl));padding-bottom:var(--space-3xl)}.hero-3d{height:260px}.hero-name{font-size:var(--fs-5xl);letter-spacing:-1px}.hero-roles{font-size:var(--fs-lg)}.hero-description{font-size:var(--fs-base)}.scroll-indicator{display:none}.skills-grid,.projects-grid{grid-template-columns:1fr}.projects-small-grid{grid-template-columns:repeat(2,1fr)}.achievements-strip,.certs-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}.timeline{padding-left:var(--space-2xl)}.timeline-dot{left:calc(-1 * var(--space-2xl) + 2px)}.timeline-header{gap:var(--space-xs);flex-direction:column}.timeline-role{font-size:var(--fs-xl)}.contact-wrapper{gap:var(--space-2xl)}.contact-socials{justify-content:center}.contact-info{text-align:center}.contact-details{align-items:center}.footer-inner{text-align:center;gap:var(--space-lg);flex-direction:column}.footer-links{flex-wrap:wrap;justify-content:center}.section-header{margin-bottom:var(--space-2xl)}.section-subtitle{font-size:var(--fs-base)}.interests-cloud{gap:var(--space-sm)}.interest-pill{font-size:var(--fs-sm);padding:10px 20px}.reveal,.reveal-left,.reveal-right,.reveal-scale,.reveal.visible,.reveal-left.visible,.reveal-right.visible,.reveal-scale.visible{filter:none}}@media (width<=480px){:root{--fs-6xl:2rem;--fs-5xl:1.75rem;--fs-4xl:1.5rem;--fs-3xl:1.25rem;--space-4xl:3rem;--space-3xl:2rem;--space-2xl:1.5rem}.container{padding:0 var(--space-md)}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:14px 24px}.hero-name{word-break:break-word;letter-spacing:-.5px;font-size:clamp(1.75rem,8vw,2.5rem)}.hero-roles{font-size:var(--fs-base);min-height:1.5em}.hero-description{font-size:var(--fs-sm)}.hero-3d{height:220px}.hero-socials{gap:var(--space-sm)}.social-link{width:40px;height:40px}.skill-category,.project-card,.project-card-small,.cert-card,.achievement-item,.contact-form,.stat-card{padding:var(--space-lg)}.projects-small-grid{grid-template-columns:1fr}.skill-tags{gap:6px}.skill-tag{font-size:var(--fs-xs);padding:6px 12px}.section-title{font-size:var(--fs-3xl)}.interest-pill{font-size:var(--fs-xs);padding:8px 14px}.nav-links{width:100%}.project-tech{gap:6px}.tech-tag{padding:4px 10px;font-size:.65rem}.form-group input,.form-group textarea{font-size:var(--fs-sm);padding:14px 16px}.footer-links{gap:var(--space-md)}.footer-links a{font-size:var(--fs-xs)}.about-stats{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-number{font-size:var(--fs-3xl)}}@media (width<=360px){:root{--fs-6xl:1.75rem;--fs-5xl:1.5rem;--fs-4xl:1.25rem}.hero-name{font-size:1.6rem}.hero-greeting{font-size:var(--fs-xs)}.hero-greeting .line{width:20px}.navbar-logo{font-size:var(--fs-base)}.project-title{font-size:var(--fs-lg)}.project-description{font-size:var(--fs-xs)}.achievement-text,.cert-title{font-size:var(--fs-sm)}.cert-issuer{font-size:var(--fs-xs)}.contact-info h3{font-size:var(--fs-xl)}.btn-primary,.btn-secondary{font-size:var(--fs-sm);padding:12px 20px}}@media (height<=500px) and (orientation:landscape){.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-md));padding-bottom:var(--space-md)}.hero-content{text-align:left;flex-direction:row}.hero-text{order:1}.hero-3d{order:2;max-width:40%;height:250px}.hero-name{font-size:1.8rem}.hero-description{font-size:var(--fs-sm);margin-bottom:var(--space-md)}.hero-actions,.hero-socials,.hero-greeting{justify-content:flex-start}.scroll-indicator{display:none}.section{padding:var(--space-2xl) 0}}@supports (padding:env(safe-area-inset-bottom)){.navbar-inner,.container{padding-left:max(var(--space-xl), env(safe-area-inset-left));padding-right:max(var(--space-xl), env(safe-area-inset-right))}.footer{padding-bottom:max(var(--space-3xl), env(safe-area-inset-bottom))}.nav-links{padding-bottom:max(var(--space-xl), env(safe-area-inset-bottom))}}@media (hover:none) and (pointer:coarse){.social-link{width:44px;height:44px}.nav-links a{align-items:center;min-height:44px;display:flex}.skill-category:hover,.project-card:hover,.project-card-small:hover,.cert-card:hover,.achievement-item:hover,.interest-pill:hover,.stat-card:hover{transform:none}.skill-tag:hover{color:var(--text-secondary);background:#00e5ff0f;border-color:#00e5ff14}.skill-category:active,.project-card:active,.cert-card:active{transform:scale(.98)}.btn-primary:active,.btn-secondary:active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;filter:none;transition:none;transform:none}.bg-orb{animation:none!important}}@media print{.navbar,.hero-canvas-bg,.hero-overlay,.hero-3d,.scroll-indicator,.nav-overlay,.page-loader,.bg-orbs{display:none!important}body{color:#000;background:#fff}.section{break-inside:avoid;padding:1rem 0}}.page-loader{background:var(--bg-primary);z-index:9999;transition:opacity .5s var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-loader.hide{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .6s var(--ease-out), visibility .6s}.loader-content{justify-content:center;align-items:center;display:flex;position:relative}.loader-spinner{border:2px solid #0000;border-top-color:var(--accent);border-bottom-color:var(--accent-secondary);border-radius:50%;width:140px;height:140px;animation:1.5s cubic-bezier(.68,-.55,.265,1.55) infinite loader-spin;position:absolute;box-shadow:0 0 24px #00e5ff40}.loader-spinner:before{content:"";border:2px solid #0000;border-left-color:var(--accent-secondary);border-right-color:var(--accent);border-radius:50%;animation:2s linear infinite reverse loader-spin;position:absolute;inset:10px}.loader-text-wrapper{position:relative;overflow:hidden}.page-loader .loader-text{font-family:var(--font-mono);font-size:var(--fs-xl);letter-spacing:2px;background:linear-gradient(135deg, var(--accent), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:1.5s cubic-bezier(.2,.8,.2,1) forwards text-reveal;display:inline-block}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes text-reveal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.nav-overlay{z-index:999;opacity:0;pointer-events:none;transition:opacity var(--duration-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:fixed;inset:0}.nav-overlay.open{opacity:1;pointer-events:auto}.tilt-card{transform-style:preserve-3d;perspective:1000px}.tilt-card .tilt-shine{border-radius:inherit;pointer-events:none;z-index:1;opacity:0;transition:opacity var(--duration-fast);background:radial-gradient(circle,#ffffff0a,#0000 60%);position:absolute;inset:0}.tilt-card:hover .tilt-shine{opacity:1}@media (pointer:fine){.custom-cursor-dot{background:var(--accent);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor-dot.cursor-hover{transform:translate(-50%,-50%)scale(.5)}}@media (hover:hover) and (pointer:fine){body,a,button,input,textarea{cursor:none!important}}.touch-ripple{opacity:1;pointer-events:none;background:radial-gradient(circle,#00e5ff66 0%,#00e5ff00 70%);border-radius:50%;width:120px;height:120px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards ripple-anim;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes ripple-anim{to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.hero-3d{perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}.profile-container{aspect-ratio:1;background:var(--bg-secondary);width:100%;max-width:380px;transform-style:preserve-3d;z-index:10;border:4px solid #00e5ff33;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;justify-content:center;align-items:center;animation:8s ease-in-out infinite alternate blob-morph;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #00e5ff2e,inset 0 0 30px #7c3aed33}.profile-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;transition:transform var(--duration-normal);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:contrast(1.15)saturate(1.1)brightness(1.05);transform:translateZ(20px)}.profile-glow{border-radius:inherit;background:linear-gradient(45deg, var(--accent), var(--accent-secondary), var(--accent));filter:blur(20px);opacity:.3;z-index:-1;animation:10s linear infinite rotate-glow;position:absolute;inset:-10px}@keyframes blob-morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes rotate-glow{to{transform:rotate(360deg)}}.bg-grid-3d{transform-origin:top;z-index:-3;pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:50%;background-size:50px 50px;width:100vw;height:100vh;animation:20s linear infinite grid-move;position:fixed;inset:0;transform:perspective(500px)rotateX(60deg)scale(2.5)translateY(-100px);-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 60%);mask-image:radial-gradient(circle,#000 10%,#0000 60%)}@keyframes grid-move{0%{transform:perspective(500px)rotateX(60deg)scale(2.5)translateY(-100px)}to{transform:perspective(500px)rotateX(60deg)scale(2.5)translateY(0)}}.reveal-3d{opacity:0;filter:blur(6px);will-change:transform, opacity, filter;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s cubic-bezier(.2,.8,.2,1);transform:perspective(1000px)translateZ(-80px)rotateX(15deg)}.reveal-3d.visible{opacity:1;filter:blur();transform:perspective(1000px)translateZ(0)rotateX(0)}@media (width<=768px){.profile-container{max-width:280px}.bg-grid-3d{opacity:.2;background-size:30px 30px}.reveal-3d,.reveal-3d.visible{filter:none}}.shape-container{perspective:1000px;z-index:-2;pointer-events:none;position:absolute}.shape-pos-1{top:15%;left:10%;transform:scale(.6)}.shape-pos-2{bottom:25%;right:5%;transform:scale(.8)}.css-cube{width:100px;height:100px;transform-style:preserve-3d;animation:20s linear infinite cube-spin;position:relative}.css-cube.cube-delay{animation:25s linear infinite reverse cube-spin}.css-cube .face{background:#00e5ff0a;border:1px solid #00e5ff40;width:100px;height:100px;position:absolute;box-shadow:inset 0 0 20px #00e5ff26}.css-cube .front{transform:translateZ(50px)}.css-cube .back{transform:rotateY(180deg)translateZ(50px)}.css-cube .right{transform:rotateY(90deg)translateZ(50px)}.css-cube .left{transform:rotateY(-90deg)translateZ(50px)}.css-cube .top{transform:rotateX(90deg)translateZ(50px)}.css-cube .bottom{transform:rotateX(-90deg)translateZ(50px)}@keyframes cube-spin{0%{transform:rotateX(0)rotateY(0)rotate(0)translateY(0)}50%{transform:rotateX(180deg)rotateY(180deg)rotate(90deg)translateY(-30px)}to{transform:rotateX(360deg)rotateY(360deg)rotate(180deg)translateY(0)}}body:before{content:"";z-index:900;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:0}.scroll-progress{z-index:1100;pointer-events:none;background:#ffffff08;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress span{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-secondary), var(--accent-gold));will-change:transform;width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 16px #00e5ffcc}.section{isolation:isolate;overflow:clip}.section>.container{z-index:1;position:relative}#about:before,#projects:before{content:"";aspect-ratio:1;filter:blur(80px);opacity:.16;pointer-events:none;will-change:transform;border-radius:50%;width:min(70vw,850px);animation:18s ease-in-out infinite alternate aurora-drift;position:absolute}#about:before{background:radial-gradient(circle,#00e5ff8c,#7c3aed33 42%,#0000 70%);top:10%;right:-24%}#projects:before{background:radial-gradient(circle,#7c3aed85,#f0c04029 42%,#0000 70%);animation-delay:-9s;bottom:-18%;left:-28%}#skills:after{content:"";z-index:-1;opacity:.28;pointer-events:none;background-image:linear-gradient(#00e5ff12 1px,#0000 1px),linear-gradient(90deg,#7c3aed12 1px,#0000 1px),radial-gradient(circle at 20% 28%,#00e5ff73 0 2px,#0000 3px),radial-gradient(circle at 79% 68%,#7c3aed6b 0 2px,#0000 3px);background-size:58px 58px,58px 58px,180px 180px,220px 220px;position:absolute;inset:8% 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}@keyframes aurora-drift{0%{filter:blur(80px)hue-rotate();transform:translate(-4%,-3%)scale(.94)}to{filter:blur(95px)hue-rotate(22deg);transform:translate(7%,5%)scale(1.08)}}.section-divider{background:linear-gradient(90deg,#0000 4%,#00e5ff0f,#7c3aed38,#f0c04014,#0000 96%);height:2px}.nav-links{position:relative}.nav-active-indicator{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--accent), var(--accent-secondary));opacity:0;width:0;height:2px;transition:transform .48s var(--ease-out), width .48s var(--ease-out), opacity .18s ease;will-change:transform, width;position:absolute;bottom:-4px;left:0;box-shadow:0 0 12px #00e5ff80}.nav-active-indicator.visible{opacity:1}.nav-links a.active:after{width:0}.hero-3d{transform:translate3d(var(--hero-parallax-x,0), var(--hero-parallax-y,0), 0);transition:transform .65s var(--ease-out);will-change:transform}.hero-depth-orb{filter:blur(20px);pointer-events:none;z-index:0;will-change:transform;transition:transform .7s var(--ease-out);border-radius:50%;position:absolute}.hero-depth-orb-cyan{width:250px;height:250px;transform:translate3d(var(--orb-parallax-x,0), var(--orb-parallax-y,0), 0);background:radial-gradient(circle,#00e5ff3d,#0000 69%);top:4%;right:7%}.hero-depth-orb-violet{width:180px;height:180px;transform:translate3d(calc(var(--orb-parallax-x,0) * -.65), calc(var(--orb-parallax-y,0) * -.65), 0);background:radial-gradient(circle,#7c3aed38,#0000 70%);bottom:12%;left:4%}.profile-container{will-change:transform, border-radius;animation:8s ease-in-out infinite alternate blob-morph,3.8s ease-in-out infinite profile-breathe}@keyframes profile-breathe{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-8px)scale(1.012)}}.hero-roles #typewriter-text{text-shadow:0 0 #0000;display:inline-block}.hero-roles #typewriter-text.role-pulse{animation:role-glow .85s var(--ease-out)}.hero-roles .typewriter-cursor{text-shadow:0 0 12px var(--accent);margin-left:2px;animation:.9s ease-in-out infinite cursor-breathe;display:inline-block}@keyframes role-glow{0%{opacity:.7;text-shadow:0 0 #0000;transform:translateY(3px)}45%{opacity:1;text-shadow:0 0 20px #00e5ffa6;transform:translateY(0)}to{text-shadow:0 0 4px #7c3aed40}}@keyframes cursor-breathe{0%,to{opacity:.25;transform:scaleY(.78)}50%{opacity:1;transform:scaleY(1)}}.motion-header{transform:translate3d(0, var(--header-y,0), 0) scale(var(--header-scale,1));transform-origin:50%;will-change:transform}.motion-header .mono{opacity:var(--label-opacity,1);transform:translate3d(var(--label-offset,0), 0, 0);will-change:transform, opacity;display:inline-block}.reveal,.reveal-left,.reveal-right,.reveal-scale,.reveal-3d{will-change:opacity, transform, filter;transition-delay:var(--reveal-delay,0s)!important}.tilt-card{--tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:50%;transform-style:preserve-3d}.tilt-card.is-tilting{will-change:transform, box-shadow;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translate3d(0, -8px, 0)!important;border-color:#00e5ff6b!important;transition:transform 80ms linear,box-shadow .12s,border-color .12s!important;box-shadow:0 24px 48px #00000085,0 0 32px #00e5ff2e,0 0 56px #7c3aed1f!important}.tilt-card .tilt-shine{background:radial-gradient(circle at var(--light-x) var(--light-y), #ffffff2e, #00e5ff12 20%, transparent 58%);mix-blend-mode:screen}.holo-card .tilt-shine:after{content:"";transform:translateX(calc(var(--light-x) - 50%));background:linear-gradient(115deg,#0000 38%,#00e5ff21 46%,#f0c0401f 50%,#7c3aed26 54%,#0000 62%);transition:transform .1s linear;position:absolute;inset:-35%}.skill-tag,.cert-card{will-change:transform}.skill-tag:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 0 18px #00e5ff29}.cert-card:hover{transform:translateY(-4px)scale(1.015);box-shadow:0 0 24px #00e5ff1f,0 12px 32px #00000052}.btn-primary,.btn-secondary{transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out), background-position .5s var(--ease-out), filter var(--duration-fast) ease;background-size:180% 180%}.btn-primary:hover,.btn-secondary:hover{background-position:100% 0}.btn-primary:active,.btn-secondary:active{filter:brightness(.93);transform:translateY(1px)scale(.98)}.form-submit[data-state=loading],.form-submit[data-state=success]{pointer-events:none}.form-submit[data-state=success]{background:linear-gradient(135deg, #16a34a, var(--accent))}.button-loader{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite loader-spin}.button-check{font-size:1.2em;line-height:1}@media (pointer:fine){.custom-cursor{z-index:10000;pointer-events:none;width:32px;height:32px;transition:width .18s var(--ease-out), height .18s var(--ease-out), margin .18s var(--ease-out), border-radius .18s var(--ease-out), opacity .18s ease, background .18s ease;will-change:transform;border:1px solid #00e5ffcc;border-radius:50%;margin:-16px 0 0 -16px;position:fixed;top:0;left:0;box-shadow:0 0 16px #00e5ff52,inset 0 0 10px #7c3aed1a}.custom-cursor:after{content:"";border-radius:inherit;background:var(--accent);box-shadow:0 0 10px var(--accent);transition:inset .18s var(--ease-out), opacity .18s ease;position:absolute;inset:11px}.custom-cursor.is-interactive{border-color:var(--accent-light);background:#00e5ff17;width:46px;height:46px;margin:-23px 0 0 -23px}.custom-cursor.is-text{border-color:#a78bfacc}.custom-cursor.is-text:after{opacity:.85;background:var(--accent-secondary-light);inset:14px}.custom-cursor.is-project{border-color:var(--accent-gold);background:#060918a6;width:72px;height:72px;margin:-36px 0 0 -36px}.custom-cursor.is-project:after,.custom-cursor.is-hidden{opacity:0}.cursor-label{display:none}.custom-cursor.is-project .cursor-label{height:100%;color:var(--text-primary);font:10px var(--font-mono);text-transform:uppercase;letter-spacing:0;place-items:center;display:grid}}.touch-ripple-container{z-index:9998;pointer-events:none;position:fixed;inset:0;overflow:hidden}.touch-ripple{pointer-events:none;width:130px;height:130px;animation:premium-ripple .72s var(--ease-out) forwards;background:radial-gradient(circle,#00e5ff5c 0%,#7c3aed33 32%,#0000 68%);border-radius:50%;margin:-65px 0 0 -65px;position:absolute}@keyframes premium-ripple{0%{opacity:.9;transform:scale(.15)}to{opacity:0;transform:scale(1.9)}}@media (width<=768px){.nav-active-indicator{display:none}body:before{opacity:.022}#about:before,#projects:before{filter:blur(65px);opacity:.11}}@media (prefers-reduced-motion:reduce){.scroll-progress span,.motion-header,.motion-header .mono,.hero-3d,.hero-depth-orb,.tilt-card,.tilt-card.is-tilting{transition:none!important;animation:none!important;transform:none!important}#about:before,#projects:before,.profile-container,.button-loader{animation:none!important}}