:root{--bg-deep:#05060f;--bg-space:#0b1120;--bg-aurora:#111a2d;--bg-glass:rgba(17, 24, 39, 0.35);--bg-glass-strong:rgba(17, 24, 39, 0.65);--surface:rgba(45, 58, 88, 0.35);--accent:#7c5cff;--accent-alt:#18e0ff;--accent-hot:#ff6fd8;--text-primary:#f8fbff;--text-secondary:#c7d3f5;--text-subtle:#8a97c3;--border-glass:rgba(255, 255, 255, 0.16);--shadow-strong:0 32px 70px rgba(8, 10, 25, 0.65);--shadow-soft:0 18px 44px rgba(11, 17, 32, 0.45);--radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:12px;--backdrop:blur(26px) saturate(160%);--nav-height:84px;--container:clamp(18rem, 85vw, 1180px);--transition-fast:160ms cubic-bezier(0.4, 0, 0.2, 1);--transition-medium:340ms cubic-bezier(0.33, 1, 0.68, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 24px)}body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 10%,rgb(124 92 255 / .12),transparent 55%),radial-gradient(circle at 90% 10%,rgb(24 224 255 / .12),transparent 55%),radial-gradient(circle at 50% 90%,rgb(255 111 216 / .13),transparent 60%),linear-gradient(135deg,var(--bg-deep),var(--bg-space));background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.7;overflow-x:hidden}@media (prefers-reduced-motion:no-preference){body{background-size:120% 120%,120% 120%,110% 110%,100% 100%;animation:backgroundShift 24s ease-in-out infinite}}@keyframes backgroundShift{0%,100%{background-position:0% 0%,100% 0%,50% 100%,0% 0%}50%{background-position:15% -6%,95% 4%,44% 108%,100% 100%}}.global-aurora{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgb(124 92 255 / .18),transparent 60%),radial-gradient(circle at 80% 25%,rgb(24 224 255 / .15),transparent 65%),radial-gradient(circle at 50% 80%,rgb(255 111 216 / .18),transparent 65%);filter:blur(100px);opacity:.65;z-index:0;transform:translate3d(0,var(--parallax-offset,0),0);will-change:transform}canvas#particles-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.skip-link{position:fixed;top:-100px;left:24px;background:var(--accent);color:#06070f;padding:10px 16px;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;z-index:1001;transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(120px)}.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-hot));z-index:1000;border-radius:0 6px 6px 0}.container{width:min(100% - 48px, var(--container));margin:0 auto}.section{position:relative;padding:clamp(5rem, 10vw, 7.5rem) 0;z-index:1}.section-heading{max-width:720px;margin-inline:auto;text-align:center;margin-bottom:clamp(2.5rem, 6vw, 3.5rem)}.section-heading h2{font-size:clamp(2.35rem, 4vw, 3rem);line-height:1.2;letter-spacing:-.02em}.section-heading .eyebrow{margin-bottom:12px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:"JetBrains Mono",monospace;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-alt);opacity:.9}.lead{font-size:1.1rem;color:var(--text-secondary)}.glass{position:relative;background:var(--bg-glass);border:1px solid rgb(255 255 255 / .08);border-radius:var(--radius-xl);box-shadow:0 24px 60px rgb(3 8 23 / .55);backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop);overflow:hidden}.glass::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgb(124 92 255 / .22),rgb(16 24 40 / .65));opacity:.55;pointer-events:none}.glass::after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgb(255 255 255 / .08);pointer-events:none;mix-blend-mode:screen}.with-glow::before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:clamp(480px, 80vw, 920px);height:clamp(220px, 40vw, 420px);background:radial-gradient(ellipse at center,rgb(124 92 255 / .35),rgb(24 224 255 / .2) 45%,transparent 70%);filter:blur(80px);opacity:.65;z-index:-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid #fff0;transition:transform var(--transition-medium),box-shadow var(--transition-medium),background var(--transition-medium);cursor:pointer;position:relative;overflow:hidden}.btn-gradient{background:linear-gradient(135deg,var(--accent),var(--accent-hot));color:#06070f;box-shadow:0 12px 30px rgb(124 92 255 / .45)}.btn-light{background:rgb(255 255 255 / .06);color:var(--text-primary);border-color:rgb(255 255 255 / .18)}.btn-light:hover{background:rgb(255 255 255 / .12)}.btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 18px 45px rgb(124 92 255 / .45)}.btn:focus-visible{outline:2px solid var(--accent-alt);outline-offset:3px}.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .35),transparent);transform:translateX(-100%);transition:transform 420ms ease}.btn:hover::before{transform:translateX(100%)}.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);font-weight:700;letter-spacing:-.03em;font-size:1.25rem}.logo-orb{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-alt));box-shadow:0 0 18px rgb(124 92 255 / .85)}.site-header{position:sticky;top:18px;margin:24px auto;width:min(100% - 36px, 1180px);padding:12px 18px;z-index:999;border-radius:calc(var(--radius-xl) + 6px)}.site-header::before{background:rgb(15 21 40 / .78)}.site-header::after{border:1px solid rgb(255 255 255 / .12)}.nav-layout{display:flex;align-items:center;justify-content:space-between;gap:16px}.primary-nav{position:relative;display:flex;align-items:center}.nav-list{list-style:none;display:flex;align-items:center;gap:28px}.nav-list a{text-decoration:none;color:var(--text-secondary);font-weight:500;position:relative;transition:color var(--transition-fast)}.nav-list a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-alt));transition:width var(--transition-fast)}.nav-list a:hover,.nav-list a[aria-current="page"]{color:var(--text-primary)}.nav-list a:hover::after,.nav-list a[aria-current="page"]::after{width:100%}.nav-toggle{display:none;align-items:center;gap:10px;background:rgb(255 255 255 / .04);border-radius:999px;border:1px solid rgb(255 255 255 / .08);padding:10px 18px;color:var(--text-primary);cursor:pointer}.nav-toggle-box{display:grid;gap:4px}.nav-toggle-line{width:20px;height:2px;background:currentColor;border-radius:999px}.nav-toggle-text{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hero{padding-top:calc(var(--nav-height) + 80px)}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem, 6vw, 3.4rem);align-items:center}.hero-copy h1{font-size:clamp(2.75rem, 5vw, 3.8rem);line-height:1.1;letter-spacing:-.03em;margin:20px 0 24px}.hero-highlights{list-style:none;display:grid;gap:14px;margin:28px 0 32px;color:var(--text-secondary)}.hero-highlights li{display:flex;gap:14px}.hero-highlights li::before{content:"";width:14px;height:14px;border-radius:50%;margin-top:8px;background:radial-gradient(circle,var(--accent) 0%,rgb(124 92 255 / .08) 70%);box-shadow:0 0 18px rgb(124 92 255 / .65);flex-shrink:0;opacity:0;transform:scale(.6);transition:opacity 420ms ease,transform 420ms ease,box-shadow 420ms ease}.hero-highlights li[data-animate].is-visible::before{opacity:1;transform:scale(1);box-shadow:0 0 22px rgb(124 92 255 / .78);animation:bulletGlow 1.2s cubic-bezier(.33,1,.68,1) forwards}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px}.meta-card{padding:18px 20px;border-radius:var(--radius-lg);background:rgb(10 16 33 / .5);box-shadow:inset 0 1px 0 rgb(255 255 255 / .06);position:relative}.meta-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgb(255 255 255 / .08);pointer-events:none}.meta-title{display:block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:6px;font-family:"JetBrains Mono",monospace}.meta-value{display:block;font-size:1.1rem;font-weight:600}.meta-sub{display:block;font-size:.82rem;color:var(--text-subtle);margin-top:4px}.hero-showcase{position:relative;display:grid;gap:24px;padding:32px}.showcase-orb{position:absolute;inset:-30% 40% 40% -25%;background:radial-gradient(circle at 30% 30%,rgb(124 92 255 / .22),transparent 70%);filter:blur(40px);opacity:.8;z-index:-1;transform:translate3d(0,var(--parallax-offset,0),0);will-change:transform}.showcase-card{padding:28px;border-radius:var(--radius-xl);display:grid;gap:18px;transform-style:preserve-3d;transition:transform 280ms ease,box-shadow 320ms ease}.showcase-card header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-subtle)}.metric{font-family:"JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.showcase-card h3{font-size:1.4rem;letter-spacing:-.01em}.showcase-card p{color:var(--text-secondary)}.showcase-card footer{display:flex;flex-wrap:wrap;gap:8px}.chip,.tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;border:1px solid rgb(255 255 255 / .14);font-size:.75rem;color:var(--text-secondary);background:rgb(255 255 255 / .05);letter-spacing:.02em}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.metric-card{padding:32px;border-radius:var(--radius-xl);display:grid;gap:18px;background:rgb(14 18 38 / .55)}.metric-card::before{content:"";background:radial-gradient(circle at top,rgb(124 92 255 / .24),transparent 65%);opacity:.6}.metric-card::after{content:"";border:1px solid rgb(255 255 255 / .12)}.metric-card[data-animate].is-visible::before{animation:panelGleam 1.6s cubic-bezier(.33,1,.68,1) forwards}.metric-value{font-size:clamp(2.1rem, 4vw, 2.8rem);font-weight:700;letter-spacing:-.04em}.metric-value span{font-size:1rem;display:block;font-family:"JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-alt)}.metric-label{color:var(--text-secondary)}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem, 5vw, 3.5rem);align-items:start}.about-copy p{color:var(--text-secondary);margin-bottom:18px}.signature{display:grid;gap:4px;margin-top:24px}.sig-name{font-weight:600;font-size:1.05rem}.sig-role{font-size:.85rem;color:var(--text-subtle)}.about-panels{display:grid;gap:18px}.about-card{padding:32px;border-radius:var(--radius-xl);background:rgb(12 18 35 / .65)}.about-card h3{font-size:1.3rem;margin-bottom:16px}.about-card ul{list-style:none;display:grid;gap:12px;color:var(--text-secondary)}.about-card li{position:relative;padding-left:20px}.about-card li::before{content:"";position:absolute;top:.7em;left:0;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-alt));box-shadow:0 0 14px rgb(124 92 255 / .6)}.skills-grid{display:grid;gap:32px}.skill-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.pillar{padding:32px;border-radius:var(--radius-xl);background:rgb(12 18 35 / .65);display:grid;gap:18px}.pillar header{display:grid;gap:10px}.pillar-sub{font-size:.85rem;color:var(--accent-alt);font-family:"JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.stack-chips{display:flex;flex-wrap:wrap;gap:10px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.project-card{display:grid;grid-template-rows:220px 1fr;border-radius:var(--radius-xl);overflow:hidden;position:relative;background:rgb(14 18 38 / .6)}.project-card::before{content:"";background:radial-gradient(circle at top right,rgb(124 92 255 / .28),transparent 65%);opacity:.5}.project-card[data-animate].is-visible::before{animation:panelGleam 1.8s cubic-bezier(.33,1,.68,1) 0.2s forwards}.project-media{background-size:cover;background-position:center;position:relative}.project-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(7 11 24 / .05),rgb(7 11 24 / .9))}.project-body{padding:28px;display:grid;gap:16px}.project-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--accent-alt);font-size:.8rem;text-transform:uppercase}.project-tags{list-style:none;display:flex;flex-wrap:wrap;gap:10px;font-size:.8rem;color:var(--text-subtle)}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.process-card{padding:28px;border-radius:var(--radius-xl);background:rgb(12 18 35 / .62);display:grid;gap:18px}.process-card .step{font-family:"JetBrains Mono",monospace;font-size:.95rem;letter-spacing:.18em;color:var(--accent)}.contact{padding-bottom:clamp(5rem, 8vw, 6rem)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(2.5rem, 6vw, 3.5rem);gap:clamp(2rem, 4vw, 3rem);align-items:start;background:rgb(12 18 36 / .75)}.contact-grid::before{background:linear-gradient(160deg,rgb(124 92 255 / .32),rgb(24 224 255 / .18));opacity:.75}.contact-grid::after{border:1px solid rgb(255 255 255 / .14)}.contact-copy{display:grid;gap:18px}.contact-copy p{color:var(--text-secondary)}.contact-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-meta a{color:var(--text-primary);text-decoration:none;font-weight:500}.contact-form{display:grid;gap:18px}.form-group{display:grid;gap:10px}label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);font-family:"JetBrains Mono",monospace}input,textarea{background:rgb(8 12 28 / .7);border:1px solid rgb(255 255 255 / .14);border-radius:var(--radius-md);padding:14px 16px;color:var(--text-primary);font-size:.95rem;transition:border var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}input:focus-visible,textarea:focus-visible{outline:none;border-color:rgb(124 92 255 / .65);box-shadow:0 0 0 3px rgb(124 92 255 / .18)}textarea{resize:vertical;min-height:140px}.site-footer{padding:40px 0 60px;background:rgb(3 6 15 / .6)}.footer-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start}.footer-brand p{color:var(--text-secondary);margin-top:12px;max-width:320px}.footer-links{list-style:none;display:grid;gap:10px}.footer-links a{text-decoration:none;color:var(--text-secondary);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}.footer-meta{display:grid;gap:6px;color:var(--text-subtle);font-size:.85rem}[data-animate]{--animate-delay:calc(var(--stagger-index, 0) * var(--stagger-step, 90ms));--animate-opacity:0;--animate-translate-x:0px;--animate-translate-y:36px;--animate-rotate:0deg;--animate-rotate-x:0deg;--animate-rotate-y:0deg;--animate-scale:0.94;--animate-blur:16px;opacity:var(--animate-opacity);transform:translate3d(var(--animate-translate-x),calc(var(--animate-translate-y) + var(--parallax-offset, 0px)),0) rotateX(var(--animate-rotate-x)) rotateY(var(--animate-rotate-y)) rotate(var(--animate-rotate)) scale3d(var(--animate-scale),var(--animate-scale),1);filter:blur(var(--animate-blur));transition:opacity 560ms cubic-bezier(.33,1,.68,1),transform 760ms cubic-bezier(.22,1,.36,1),filter 640ms cubic-bezier(.33,1,.68,1);transition-delay:var(--animate-delay);will-change:opacity,transform,filter}[data-animate].is-visible{--animate-opacity:1;--animate-translate-x:0px;--animate-translate-y:0px;--animate-rotate:0deg;--animate-rotate-x:0deg;--animate-rotate-y:0deg;--animate-scale:1;--animate-blur:0px}[data-animate="fade-up"]{--animate-translate-y:42px;--animate-blur:20px}[data-animate="fade-right"]{--animate-translate-x:-42px;--animate-blur:18px}[data-animate="fade-left"]{--animate-translate-x:42px;--animate-blur:18px}[data-animate="fade-down"]{--animate-translate-y:-42px;--animate-blur:14px}[data-animate="zoom-in"]{--animate-translate-y:34px;--animate-scale:0.84;--animate-blur:22px}[data-animate="slide-up"]{--animate-translate-y:70px;--animate-scale:0.9;--animate-blur:24px}[data-animate="rise"]{--animate-translate-y:82px;--animate-scale:0.88;--animate-blur:26px}[data-animate="tilt-up"]{--animate-translate-y:64px;--animate-rotate-x:12deg;--animate-scale:0.92;--animate-blur:22px}[data-animate="lift"]{--animate-translate-y:88px;--animate-rotate:-1.5deg;--animate-scale:0.9;--animate-blur:24px}.glass[data-animate].is-visible{box-shadow:0 32px 70px rgb(8 14 32 / .65),0 12px 24px rgb(24 224 255 / .14)}.glass[data-animate].is-visible::before{animation:glassSweep 1.4s cubic-bezier(.33,1,.68,1) 0.16s forwards}.glass[data-animate].is-visible::after{animation:glassOutlineGlow 1.4s ease 0.2s forwards}[data-animate-stagger]{--stagger-step:110ms}[data-animate-stagger]>[data-animate]{transition-delay:var(--animate-delay,calc(var(--stagger-index, 0) * var(--stagger-step)))}@keyframes glassSweep{0%{opacity:0;transform:translateY(25%)}40%{opacity:.8}100%{opacity:.45;transform:translateY(0%)}}@keyframes glassOutlineGlow{0%{opacity:.2}100%{opacity:.85}}@keyframes panelGleam{0%{opacity:0;transform:translateY(22%)}55%{opacity:.75}100%{opacity:1;transform:translateY(0)}}@keyframes bulletGlow{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1);opacity:1}}[data-magnetic]{position:relative}.glass-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .12);font-size:.8rem;color:var(--accent-alt);letter-spacing:.08em;text-transform:uppercase;font-family:"JetBrains Mono",monospace}.magnetic-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);background:radial-gradient(circle at center,rgb(124 92 255 / .25),transparent 65%)}[data-magnetic].magnet-active .magnetic-overlay{opacity:1}@media (max-width:1024px){.site-header{top:16px}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-showcase{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hero-meta{grid-template-columns:1fr 1fr}}@media (max-width:900px){.nav-list{position:absolute;inset:calc(100% + 16px) 0 auto auto;flex-direction:column;background:rgb(8 12 24 / .9);padding:22px;border-radius:var(--radius-lg);border:1px solid rgb(255 255 255 / .12);box-shadow:var(--shadow-soft);transform:scale(.95);opacity:0;pointer-events:none;transition:opacity var(--transition-medium),transform var(--transition-medium);backdrop-filter:blur(22px)}.primary-nav.open .nav-list{opacity:1;transform:scale(1);pointer-events:auto}.nav-toggle{display:inline-flex}.nav-list a{font-size:.92rem}.header-cta{display:none}}@media (max-width:768px){.hero-meta{grid-template-columns:1fr}.metrics-grid,.skill-pillars,.projects-grid,.process-steps,.contact-meta{grid-template-columns:1fr}.section{padding:clamp(4rem, 12vw, 5rem) 0}.hero{padding-top:calc(var(--nav-height) + 40px)}.showcase-card{padding:24px}.site-header{margin:16px auto;padding:10px 16px}}@media (max-width:540px){.container{width:min(100% - 32px, var(--container))}.hero-highlights li{flex-direction:column}.hero-highlights li::before{margin:0 0 10px}.hero-actions{flex-direction:column;align-items:stretch}.contact-grid{padding:24px}.btn{width:100%}}@media (prefers-reduced-motion:reduce){:root:not(.motion-enabled) *,:root:not(.motion-enabled) *::before,:root:not(.motion-enabled) *::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}:root:not(.motion-enabled) [data-animate]{opacity:1!important;transform:none!important;filter:none!important;transition-delay:0ms!important}:root:not(.motion-enabled) .glass[data-animate]::before,:root:not(.motion-enabled) .glass[data-animate]::after{animation:none!important}}