@import"https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400;700&display=swap";:root{color-scheme:dark;--color-bg: #000000;--color-bg-soft: #101010;--color-surface: #151515;--color-surface-elevated: #1b1b1b;--color-text: hsl(0, 0%, 98%);--color-text-muted: #c9c9c9;--color-border: rgba(255, 255, 255, .12);--color-accent: #ffffff;--color-card: #111111;--color-navbar: #171717;--color-grid: transparent;--color-lilac: 176, 124, 255;--color-lilac-text: #d9c3ff;--shadow-soft: 0 16px 44px rgba(0, 0, 0, .28);--shadow-card: 0 22px 60px rgba(0, 0, 0, .34);--color-ink: #000000;--color-white: #ffffff;--color-hero-band: rgba(255, 255, 255, .08);--color-background: var(--color-bg);--color-surface-hover: #202020;--color-border-hover: rgba(255, 255, 255, .28);--color-text-primary: var(--color-text);--color-text-secondary: var(--color-text-muted);--color-text-subtle: #8f8f8f;--color-accent-primary: var(--color-accent);--color-accent-primary-rgb: 255, 255, 255;--color-accent-secondary: #b8b8b8;--color-accent-secondary-rgb: 184, 184, 184;--gradient-accent: linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-accent-secondary) 100%);--gradient-glow: linear-gradient(135deg, rgba(var(--color-accent-primary-rgb), .16) 0%, rgba(var(--color-accent-secondary-rgb), .06) 100%);--font-sans: "Wix Madefor Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 1200px;--header-height: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 8px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .3s cubic-bezier(.16, 1, .3, 1);--transition-slow: .5s cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 20px -8px rgba(0, 0, 0, .7);--shadow-lg: 0 12px 40px -12px rgba(0, 0, 0, .8);--shadow-glow: 0 0 30px -8px rgba(255, 255, 255, .18);--z-negative: -1;--z-normal: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 500;--bg-color: var(--color-background);--surface-color: var(--color-surface);--surface-hover: var(--color-surface-hover);--border-color: var(--color-border);--border-hover: var(--color-border-hover);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-subtle);--accent-primary: var(--color-accent-primary);--accent-primary-rgb: var(--color-accent-primary-rgb);--accent-secondary: var(--color-accent-secondary);--accent-secondary-rgb: var(--color-accent-secondary-rgb);--accent-gradient: var(--gradient-accent);--glow-gradient: var(--gradient-glow)}:root[data-theme=light]{color-scheme:light;--color-bg: #ffffff;--color-bg-soft: #ffffff;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: #111111;--color-text-muted: #555555;--color-border: rgba(17, 17, 17, .12);--color-accent: #111111;--color-card: #ffffff;--color-navbar: #000000;--color-grid: transparent;--color-lilac: 148, 92, 235;--color-lilac-text: #6c3ec4;--shadow-soft: 0 16px 38px rgba(18, 18, 18, .08);--shadow-card: 0 22px 54px rgba(18, 18, 18, .12);--color-ink: #111111;--color-white: #ffffff;--color-hero-band: rgba(17, 17, 17, .06);--color-background: var(--color-bg);--color-surface-hover: #f0f0f2;--color-border-hover: rgba(17, 17, 17, .24);--color-text-primary: var(--color-text);--color-text-secondary: var(--color-text-muted);--color-text-subtle: #777777;--color-accent-primary: var(--color-accent);--color-accent-primary-rgb: 17, 17, 17;--color-accent-secondary: #6d6872;--color-accent-secondary-rgb: 109, 104, 114;--shadow-sm: 0 2px 8px -2px rgba(18, 18, 18, .12);--shadow-md: 0 4px 20px -8px rgba(18, 18, 18, .18);--shadow-lg: 0 18px 48px -20px rgba(18, 18, 18, .22);--shadow-glow: 0 0 30px -8px rgba(18, 18, 18, .18)}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--color-bg: #ffffff;--color-bg-soft: #ffffff;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: #111111;--color-text-muted: #555555;--color-border: rgba(17, 17, 17, .12);--color-accent: #111111;--color-card: #ffffff;--color-navbar: #000000;--color-grid: transparent;--color-lilac: 148, 92, 235;--color-lilac-text: #6c3ec4;--shadow-soft: 0 16px 38px rgba(18, 18, 18, .08);--shadow-card: 0 22px 54px rgba(18, 18, 18, .12);--color-ink: #111111;--color-hero-band: rgba(17, 17, 17, .08);--color-background: var(--color-bg);--color-surface-hover: #f0f0f2;--color-border-hover: rgba(17, 17, 17, .24);--color-text-primary: var(--color-text);--color-text-secondary: var(--color-text-muted);--color-text-subtle: #777777;--color-accent-primary: var(--color-accent);--color-accent-primary-rgb: 17, 17, 17;--color-accent-secondary: #6d6872;--color-accent-secondary-rgb: 109, 104, 114}}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}@media(max-width:640px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}.py-16,.py-20,.py-24{padding-top:var(--space-16);padding-bottom:var(--space-16)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:768px){.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sm-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.hover-glow{transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.hover-glow:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.reveal{opacity:0;filter:blur(6px);transform:translateY(24px);transition:opacity .72s cubic-bezier(.22,1,.36,1),filter .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay, 0ms);will-change:opacity,filter,transform}.reveal-up{transform:translateY(28px)}.reveal.is-visible{opacity:1;filter:blur(0);transform:translateY(0)}.reveal-blur{filter:blur(10px)}.reveal-scale{transform:translateY(24px) scale(.98)}.reveal-scale.is-visible{transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.reveal,.reveal-scale{opacity:1;filter:none;transform:none;transition:none;will-change:auto}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{--pointer-x: 50vw;--pointer-y: 30vh;--pointer-smooth-x: 50vw;--pointer-smooth-y: 30vh;--pointer-active: .65;scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=light],html[data-theme=light] body{background-color:#fff}body{min-height:100vh;overflow-x:hidden;line-height:1.6;background:radial-gradient(circle at 18% 8%,rgba(var(--color-lilac),.1),transparent 28rem),linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-soft) 48%,var(--color-bg) 100%);position:relative;display:flex;flex-direction:column}html[data-theme=light] body{background:radial-gradient(circle at 18% 8%,rgba(var(--color-lilac),.045),transparent 28rem),linear-gradient(135deg,#fff 0% 52%,#fff)}body:before{content:"";position:fixed;left:0;top:0;z-index:2;width:100vw;height:100vh;pointer-events:none;background:radial-gradient(circle 520px at var(--pointer-x) var(--pointer-y),rgba(var(--color-lilac),.24) 0%,rgba(var(--color-lilac),.12) 34%,rgba(var(--color-lilac),.05) 56%,transparent 80%);mix-blend-mode:screen;opacity:calc(var(--pointer-active) * .62);filter:saturate(1.18);animation:pointer-aura-breathe 4.8s ease-in-out infinite alternate;transition:opacity var(--transition-normal),background-color var(--transition-normal);will-change:background}body:after{content:"";position:fixed;left:0;top:0;z-index:2;width:100vw;height:100vh;pointer-events:none;background:radial-gradient(ellipse 760px 480px at var(--pointer-smooth-x) var(--pointer-smooth-y),rgba(118,76,255,.18),rgba(var(--color-lilac),.075) 42%,transparent 76%),radial-gradient(circle 320px at calc(var(--pointer-smooth-x) + 120px) calc(var(--pointer-smooth-y) - 90px),rgba(210,181,255,.12),transparent 72%);mix-blend-mode:screen;opacity:calc(var(--pointer-active) * .48);filter:blur(10px) saturate(1.25);animation:pointer-aurora-shift 7s ease-in-out infinite alternate;will-change:background,filter,opacity}body>*{position:relative;z-index:1}:is(.nav-shell,.theme-toggle,.theme-toggle-floating,.email-cat,.project-card,.project-visual,.skill-card,.about-card,.about-photo,.about-slider,.contact-info,.contact-widget-wrapper,.contact-cta,.footer-container){position:relative;z-index:3}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text-primary);letter-spacing:0;transition:color var(--transition-normal)}html[data-theme=light] body:before{background:radial-gradient(circle 520px at var(--pointer-x) var(--pointer-y),rgba(var(--color-lilac),.12) 0%,rgba(var(--color-lilac),.045) 40%,transparent 78%);mix-blend-mode:multiply;opacity:calc(var(--pointer-active) * .22)}html[data-theme=light] body:after{background:radial-gradient(ellipse 760px 480px at var(--pointer-smooth-x) var(--pointer-smooth-y),rgba(var(--color-lilac),.065),rgba(var(--color-lilac),.025) 48%,transparent 78%);mix-blend-mode:multiply;opacity:calc(var(--pointer-active) * .14)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}@media(min-width:768px){h1{font-size:var(--text-6xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}}p{color:var(--color-text-secondary);font-size:var(--text-base);margin-bottom:var(--space-4)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}section{scroll-margin-top:calc(var(--header-height) + 2.5rem)}::selection{background-color:var(--color-accent-primary);color:var(--color-bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent-secondary);border-radius:var(--radius-full);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}main{flex:1;position:relative;width:100%}@keyframes pointer-aura-breathe{0%{filter:saturate(1.08) hue-rotate(-8deg)}to{filter:saturate(1.34) hue-rotate(10deg)}}@keyframes pointer-aurora-shift{0%{filter:blur(12px) saturate(1.08) hue-rotate(-14deg)}to{filter:blur(18px) saturate(1.32) hue-rotate(18deg)}}section{transition:background-color var(--transition-normal)}section:hover{background-color:transparent}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}body:before,body:after{animation:none!important}}@media(pointer:coarse){body:before,body:after{z-index:0;background:radial-gradient(circle at 50% 12%,rgba(var(--color-lilac),.08),transparent 28rem);mix-blend-mode:normal;animation:none}html[data-theme=light] body:before{background:radial-gradient(circle at 50% 12%,rgba(var(--color-lilac),.035),transparent 28rem);opacity:.08}html[data-theme=light] body:after{background:radial-gradient(circle at 48% 18%,rgba(var(--color-lilac),.02),transparent 30rem);opacity:.04}}@media(prefers-reduced-motion:reduce){body:before{opacity:.35;will-change:auto}body:after{opacity:.18;will-change:auto}}