:root{--bg-base: #0a0b0f;--bg-elevated: #1a1c24;--bg-surface: #2a2f36;--bg-gradient-mid: #2d3142;--bg-gradient-light: #4f5d75;--bg-page: var(--bg-base);--bg-panel: var(--bg-surface);--bg-panel-elevated: var(--bg-elevated);--color-text-primary: #f7fafc;--color-text-secondary: #e2e8f0;--color-text-tertiary: #cbd5e0;--color-text-accent: #ffd700;--color-text-muted: #a0aec0;--color-accent-primary: #f6e05e;--color-accent-secondary: #ed8936;--color-accent-tertiary: #d69e2e;--color-border-light: rgba(247, 250, 252, .1);--color-border-medium: rgba(247, 250, 252, .2);--color-border-strong: rgba(247, 250, 252, .3);--color-border-accent: rgba(246, 224, 94, .4);--color-shadow-light: rgba(0, 0, 0, .2);--color-shadow-medium: rgba(0, 0, 0, .4);--color-shadow-strong: rgba(0, 0, 0, .6);--color-shadow-accent: rgba(246, 224, 94, .3);--color-particle-warm: rgba(246, 224, 94, .6);--color-particle-cool: rgba(139, 149, 109, .4);--color-particle-neutral: rgba(247, 250, 252, .3);--color-particle-primary: var(--color-particle-warm);--color-particle-secondary: var(--color-particle-cool);--color-particle-tertiary: var(--color-particle-neutral);--gradient-radial-center: var(--bg-gradient-light);--gradient-radial-mid: var(--bg-gradient-mid);--gradient-radial-outer: var(--bg-elevated);--gradient-radial-edge: var(--bg-base);--gradient-linear-start: var(--bg-gradient-light);--gradient-linear-mid: var(--bg-gradient-mid);--gradient-linear-end-mid: var(--bg-elevated);--gradient-linear-end: var(--bg-base);--gradient-particle-warm: rgba(246, 224, 94, .03);--gradient-particle-cool: rgba(139, 149, 109, .02);--space-1: clamp(.25rem, .2rem + .2vw, .3rem);--space-2: clamp(.5rem, .4rem + .4vw, .6rem);--space-3: clamp(.75rem, .6rem + .6vw, .9rem);--space-4: clamp(1rem, .8rem + .8vw, 1.2rem);--space-5: clamp(1.25rem, 1rem + 1vw, 1.5rem);--space-6: clamp(1.5rem, 1.2rem + 1.2vw, 1.8rem);--space-8: clamp(2rem, 1.6rem + 1.6vw, 2.4rem);--space-10: clamp(2.5rem, 2rem + 2vw, 3rem);--space-12: clamp(3rem, 2.4rem + 2.4vw, 3.6rem);--space-16: clamp(4rem, 3.2rem + 3.2vw, 4.8rem);--space-20: clamp(5rem, 4rem + 4vw, 6rem);--space-24: clamp(6rem, 4.8rem + 4.8vw, 7.2rem);--space-32: clamp(8rem, 6.4rem + 6.4vw, 9.6rem);--breakpoint-xs: 360px;--breakpoint-sm: 480px;--breakpoint-md: 640px;--breakpoint-lg: 768px;--breakpoint-xl: 1024px;--breakpoint-2xl: 1200px;--breakpoint-3xl: 1440px;--container-sm: 20rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--layer-background: -1;--layer-base: 0;--layer-content: 1;--layer-elevated: 10;--layer-overlay: 20;--layer-modal: 30;--layer-tooltip: 40;--layer-navigation: 50;--layer-particles: 5;--mobile-menu-bg: rgba(42, 47, 54, .65);--shadow-sm: rgba(0, 0, 0, .2);--shadow-md: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4);--alpha-5: .05;--alpha-10: .1;--alpha-20: .2;--alpha-30: .3;--alpha-40: .4;--alpha-50: .5;--alpha-60: .6;--alpha-70: .7;--alpha-80: .8;--alpha-90: .9;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--blur-sm: 2px;--blur-md: 4px;--blur-lg: 8px;--color-link: var(--color-accent-primary);--color-link-hover: var(--color-accent-secondary);--duration-fast: .15s;--duration-medium: .3s;--duration-slow: .6s;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--color-social-hover-bg: rgba(246, 224, 94, .15);--color-social-hover-bg-subtle: rgba(246, 224, 94, .05);--color-social-hover-bg-home: rgba(0, 0, 0, .05);--color-nav-hover-bg: rgba(246, 224, 94, .1);--color-nav-active-bg: rgba(246, 224, 94, .15);--color-nav-active-indicator: var(--color-accent-primary);--color-contrast-high: var(--color-text-primary);--color-contrast-medium: var(--color-text-secondary);--color-contrast-low: var(--color-text-tertiary);--focus-outline-color: var(--color-accent-primary);--focus-outline-width: 2px;--focus-outline-offset: 2px;--focus-outline-style: solid;--transform-hover-lift: translateY(-1px);--transform-hover-lift-strong: translateY(-2px);--transform-center: translate(-50%, -50%);--blur-background: 100px;--blur-backdrop: 12px;--blur-backdrop-light: 10px;--blur-backdrop-medium: 8px;--blur-project-image: 2px;--panel-border: 1px solid var(--color-border-accent);--panel-shadow: 0 4px 12px var(--shadow-md), 0 2px 4px var(--shadow-sm);--panel-shadow-elevated: 0 8px 24px var(--shadow-lg), 0 4px 8px var(--shadow-md);--scrollbar-thumb-start: rgba(246, 224, 94, .7);--scrollbar-thumb-mid: rgba(246, 224, 94, .5);--scrollbar-thumb-end: rgba(246, 224, 94, .7);--scrollbar-thumb-hover-start: rgba(246, 224, 94, .9);--scrollbar-thumb-hover-mid: rgba(246, 224, 94, .7);--scrollbar-thumb-hover-end: rgba(246, 224, 94, .9);--scrollbar-thumb-active-start: rgba(246, 224, 94, 1);--scrollbar-thumb-active-mid: rgba(246, 224, 94, .8);--scrollbar-thumb-active-end: rgba(246, 224, 94, 1);--scrollbar-glow-soft: rgba(246, 224, 94, .5);--scrollbar-glow-medium: rgba(246, 224, 94, .7);--scrollbar-glow-strong: rgba(246, 224, 94, .8);--scrollbar-inset-glow-soft: rgba(246, 224, 94, .4);--scrollbar-inset-glow-medium: rgba(246, 224, 94, .5);--scrollbar-inset-glow-strong: rgba(246, 224, 94, .6);--scrollbar-firefox-color: rgba(246, 224, 94, .7);--max-width: clamp(320px, 95vw, 1000px);--panel-padding: clamp(var(--space-4), 4vw, var(--space-8))}.hidden-mobile{display:none}.hidden-tablet,.hidden-desktop{display:block}@media (min-width: var(--breakpoint-md)){.hidden-mobile{display:block}.hidden-tablet{display:none}}@media (min-width: var(--breakpoint-xl)){.hidden-desktop{display:none}.hidden-tablet{display:block}}[data-theme=light]{--bg-base: #ffffff;--bg-elevated: #f7fafc;--bg-surface: #ffffff;--bg-gradient-mid: #edf2f7;--bg-gradient-light: #e2e8f0;--bg-page: var(--bg-base);--bg-panel: var(--bg-surface);--bg-panel-elevated: var(--bg-elevated);--color-text-primary: #1a202c;--color-text-secondary: #2d3748;--color-text-tertiary: #4a5568;--color-text-accent: #ff5500;--color-text-muted: #718096;--color-accent-primary: #ff5500;--color-accent-secondary: #FF4500;--color-accent-tertiary: #CC2200;--color-border-light: rgba(26, 32, 44, .15);--color-border-medium: rgba(26, 32, 44, .25);--color-border-strong: rgba(26, 32, 44, .4);--color-border-accent: rgba(255, 85, 0, .5);--color-shadow-light: rgba(0, 0, 0, .08);--color-shadow-medium: rgba(0, 0, 0, .15);--color-shadow-strong: rgba(0, 0, 0, .25);--color-shadow-accent: rgba(255, 85, 0, .3);--color-particle-warm: rgba(255, 85, 0, .6);--color-particle-cool: rgba(139, 149, 109, .4);--color-particle-neutral: rgba(26, 32, 44, .3);--gradient-radial-center: #6b7280;--gradient-radial-25: #9ca3af;--gradient-radial-50: #d1d5db;--gradient-radial-75: #e5e7eb;--gradient-radial-edge: #ffffff;--gradient-linear-start: #9ca3af;--gradient-linear-mid: #d1d5db;--gradient-linear-end-mid: #e5e7eb;--gradient-linear-end: #ffffff;--gradient-particle-warm: rgba(255, 85, 0, .12);--gradient-particle-cool: rgba(237, 137, 54, .1);--color-social-hover-bg: rgba(255, 85, 0, .15);--color-social-hover-bg-subtle: rgba(255, 85, 0, .08);--color-social-hover-bg-home: rgba(0, 0, 0, .05);--color-nav-hover-bg: rgba(255, 85, 0, .12);--color-nav-active-bg: rgba(255, 85, 0, .18);--panel-shadow-base: 0 2px 8px var(--color-shadow-medium), 0 1px 2px var(--color-shadow-strong), inset 0 1px 0 rgba(255, 85, 0, .08);--panel-shadow-elevated: 0 4px 16px var(--color-shadow-strong), 0 2px 4px var(--color-shadow-medium), inset 0 1px 0 rgba(255, 85, 0, .12);--atmospheric-glow: 0 0 20px rgba(255, 85, 0, .2), 0 0 40px rgba(255, 85, 0, .08);--subtle-glow: 0 0 10px rgba(255, 85, 0, .15);--color-mobile-menu-bg: rgba(255, 255, 255, .55);--color-mobile-menu-shadow-strong: rgba(0, 0, 0, .15);--color-mobile-menu-shadow-light: rgba(0, 0, 0, .1);--color-pagination-glow-soft: rgba(255, 85, 0, .4);--color-pagination-glow-medium: rgba(255, 85, 0, .2);--color-pagination-glow-strong: rgba(255, 85, 0, .6);--color-pagination-glow-intense: rgba(255, 85, 0, .3);--color-pagination-hover-bg: rgba(255, 85, 0, .05);--color-pagination-focus-bg: rgba(255, 85, 0, .1);--color-pagination-inner-glow: rgba(255, 85, 0, .1);--scrollbar-thumb-start: rgba(255, 85, 0, .7);--scrollbar-thumb-mid: rgba(255, 85, 0, .5);--scrollbar-thumb-end: rgba(255, 85, 0, .7);--scrollbar-thumb-hover-start: rgba(255, 85, 0, .9);--scrollbar-thumb-hover-mid: rgba(255, 85, 0, .7);--scrollbar-thumb-hover-end: rgba(255, 85, 0, .9);--scrollbar-thumb-active-start: rgba(255, 85, 0, 1);--scrollbar-thumb-active-mid: rgba(255, 85, 0, .8);--scrollbar-thumb-active-end: rgba(255, 85, 0, 1);--scrollbar-glow-soft: rgba(255, 85, 0, .5);--scrollbar-glow-medium: rgba(255, 85, 0, .7);--scrollbar-glow-strong: rgba(255, 85, 0, .8);--scrollbar-inset-glow-soft: rgba(255, 85, 0, .4);--scrollbar-inset-glow-medium: rgba(255, 85, 0, .5);--scrollbar-inset-glow-strong: rgba(255, 85, 0, .6);--scrollbar-firefox-color: rgba(255, 85, 0, .7)}body{transition:background-color .15s ease,color .15s ease}*:where(img,video,canvas,svg,[data-no-transition]){transition:none!important}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg-base: #ffffff;--bg-elevated: #f7fafc;--bg-surface: #ffffff;--bg-gradient-mid: #edf2f7;--bg-gradient-light: #e2e8f0;--color-text-primary: #1a202c;--color-text-secondary: #2d3748;--color-text-tertiary: #4a5568;--color-text-accent: #d69e2e;--color-text-muted: #718096;--color-accent-primary: #d69e2e;--color-accent-secondary: #dd6b20;--color-accent-tertiary: #b7791f;--color-border-light: rgba(26, 32, 44, .1);--color-border-medium: rgba(26, 32, 44, .2);--color-border-strong: rgba(26, 32, 44, .3);--color-border-accent: rgba(214, 158, 46, .4);--color-shadow-light: rgba(0, 0, 0, .05);--color-shadow-medium: rgba(0, 0, 0, .1);--color-shadow-strong: rgba(0, 0, 0, .15);--color-shadow-accent: rgba(214, 158, 46, .2)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--bg-page);min-height:100vh;min-height:-webkit-fill-available}body{min-height:100vh;min-height:-webkit-fill-available;line-height:var(--leading-normal);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-secondary);background-color:var(--bg-page);margin:0;padding:0;overflow-x:hidden}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}a{color:var(--color-link);transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:2px}code,pre{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:var(--text-sm);letter-spacing:0}pre{padding:var(--space-4);background-color:var(--bg-elevated);border:1px solid var(--color-border-medium);border-radius:4px;overflow-x:auto}code{padding:var(--space-1) var(--space-2);background-color:var(--bg-elevated);border-radius:2px}pre code{padding:0;background-color:transparent}.astro-code{font-size:var(--text-sm)!important;padding:var(--space-4)!important;border-radius:6px!important;border:1px solid var(--color-border-medium)!important;background:var(--bg-elevated)!important;margin-bottom:1.5rem;overflow-x:auto}.astro-code code{counter-reset:step;counter-increment:step 0}.astro-code .line{font-size:var(--text-sm);line-height:1.7}html:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style, normal)!important;text-decoration:var(--shiki-dark-text-decoration, none)!important}blockquote{padding-left:var(--space-6);border-left:3px solid var(--color-accent-primary);font-style:italic;color:var(--color-text-tertiary)}hr{border:none;border-top:1px solid var(--color-border-medium);margin:var(--space-8) 0}.no-scroll{overflow:hidden}.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}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:2px}[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}.panel{background:var(--bg-surface);border:2px solid var(--color-accent-primary);box-shadow:var(--panel-shadow);border-radius:var(--radius-md);position:relative}.panel--elevated{background:var(--bg-elevated);border-color:var(--color-accent-primary);box-shadow:var(--panel-shadow-elevated);padding:2em}.panel>:global(*){position:relative;z-index:1}.depth-near{z-index:var(--layer-elevated)}.depth-mid{z-index:var(--layer-content)}.depth-far{z-index:var(--layer-base)}.page-background-radial{min-height:100vh;background:radial-gradient(ellipse at center,var(--gradient-radial-center) 0%,var(--gradient-radial-mid) 40%,var(--gradient-radial-outer) 80%,var(--gradient-radial-edge) 100%),radial-gradient(circle at 20% 80%,var(--gradient-particle-warm) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--gradient-particle-cool) 0%,transparent 50%)}[data-theme=light] .page-background-radial{background:radial-gradient(ellipse at center,var(--gradient-radial-center) 0%,var(--gradient-radial-25) 25%,var(--gradient-radial-50) 50%,var(--gradient-radial-75) 75%,var(--gradient-radial-edge) 100%),radial-gradient(circle at 20% 80%,var(--gradient-particle-warm) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--gradient-particle-cool) 0%,transparent 50%)}.page-background-linear{min-height:100vh;background:radial-gradient(ellipse at center top,var(--gradient-linear-start) 0%,var(--gradient-linear-mid) 30%,var(--gradient-linear-end-mid) 70%,var(--gradient-linear-end) 100%),radial-gradient(circle at 30% 20%,var(--gradient-particle-warm) 0%,transparent 50%),radial-gradient(circle at 70% 80%,var(--gradient-particle-cool) 0%,transparent 50%)}[data-theme=light] .page-background-linear{background:radial-gradient(ellipse at center top,var(--gradient-linear-start) 0%,var(--gradient-linear-mid) 30%,var(--gradient-linear-end-mid) 70%,var(--gradient-linear-end) 100%),radial-gradient(circle at 30% 20%,var(--gradient-particle-warm) 0%,transparent 50%),radial-gradient(circle at 70% 80%,var(--gradient-particle-cool) 0%,transparent 50%)}html:not([data-theme=light]){cursor:url(/gradient-citrine-cursor.png) 16 16,auto}html:not([data-theme=light]) a,html:not([data-theme=light]) button,html:not([data-theme=light]) [role=button],html:not([data-theme=light]) input,html:not([data-theme=light]) textarea,html:not([data-theme=light]) select{cursor:url(/gradient-citrine-pointer.png) 16 16,pointer!important}html[data-theme=light]{cursor:url(/gradient-fox-cursor.png) 16 16,auto}html[data-theme=light] a,html[data-theme=light] button,html[data-theme=light] [role=button],html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select{cursor:url(/gradient-fox-pointer.png) 16 16,pointer!important}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: clamp(.75rem, .7rem + .2vw, .8rem);--text-sm: clamp(.875rem, .85rem + .15vw, .9rem);--text-base: clamp(1rem, .95rem + .25vw, 1.0625rem);--text-lg: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1vw, 2.25rem);--text-4xl: clamp(2.25rem, 2rem + 1.25vw, 3rem);--text-5xl: clamp(3rem, 2.5rem + 2vw, 4rem);--text-6xl: clamp(3.75rem, 3rem + 3vw, 5rem);--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6}.text-display-1{font-family:var(--font-primary);font-size:var(--text-6xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary);text-shadow:0 2px 4px var(--color-shadow-light);letter-spacing:clamp(-.03em,-.02em + -.01vw,-.02em)}.text-display-2{font-family:var(--font-primary);font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary);text-shadow:0 1px 3px var(--color-shadow-light);letter-spacing:clamp(-.02em,-.015em + -.005vw,-.01em)}.text-display-3{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);text-shadow:0 1px 2px var(--color-shadow-light)}.text-heading-1{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary);text-shadow:0 1px 2px var(--color-shadow-light)}.text-heading-2{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-heading-3{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.text-body-large{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.text-body-small{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent-primary);text-shadow:0 0 8px rgba(246,224,94,.3)}.text-accent-secondary{color:var(--color-accent-secondary);text-shadow:0 0 6px rgba(237,137,54,.3)}.text-mono{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-secondary);background-color:var(--color-surface-dark);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);letter-spacing:.02em}.text-link{color:var(--color-accent-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out),text-shadow var(--duration-fast) var(--ease-out);position:relative}.text-link:hover{color:var(--color-accent-secondary);text-shadow:0 0 8px rgba(246,224,94,.4)}.text-link:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.text-atmospheric{background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent-primary) 50%,var(--color-text-primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:atmosphericShimmer 3s ease-in-out infinite}@keyframes atmosphericShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.text-responsive-sm{font-size:var(--text-sm)}.text-responsive-base{font-size:var(--text-base)}.text-responsive-lg{font-size:var(--text-lg)}.text-responsive-xl{font-size:var(--text-xl)}.text-responsive-2xl{font-size:var(--text-2xl)}.text-responsive-3xl{font-size:var(--text-3xl)}.leading-responsive-tight{line-height:var(--leading-tight)}.leading-responsive-normal{line-height:var(--leading-normal)}.leading-responsive-relaxed{line-height:var(--leading-relaxed)}@media (max-width: var(--breakpoint-xs)){.text-display-1,.text-display-2,.text-display-3{line-height:1.2;letter-spacing:-.01em}.text-body,.text-body-large,.text-body-small{line-height:1.6}}@media (min-width: var(--breakpoint-2xl)){.text-display-1{letter-spacing:-.03em}.text-display-2{letter-spacing:-.02em}.text-heading-1,.text-heading-2{letter-spacing:-.01em}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.text-display-1,.text-display-2,.text-display-3{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--duration-fast: .2s;--duration-medium: .4s;--duration-slow: .6s;--duration-slower: 1s;--duration-cinematic: 1.5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-atmospheric: cubic-bezier(.16, 1, .3, 1);--ease-cinematic: cubic-bezier(.25, .46, .45, .94);--parallax-far: .2;--parallax-mid: .5;--parallax-near: .8;--parallax-foreground: 1}@keyframes atmospheric-fade-in{0%{opacity:0;transform:translateY(.5rem) scale(.98);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes gentle-float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-3px) translate(1px)}50%{transform:translateY(-6px) translate(-1px)}75%{transform:translateY(-3px) translate(1px)}}@keyframes atmospheric-glow{0%,to{box-shadow:var(--subtle-glow)}50%{box-shadow:var(--atmospheric-glow)}}@keyframes depth-entrance{0%{opacity:0;transform:translateY(1rem) scale(.95);filter:var(--tilt-shift-far)}to{opacity:1;transform:translateY(0) scale(1);filter:var(--tilt-shift-near)}}@keyframes panel-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-atmospheric-fade{animation:atmospheric-fade-in var(--duration-slow) var(--ease-atmospheric)}.animate-gentle-float{animation:gentle-float 4s var(--ease-smooth) infinite}.animate-atmospheric-glow{animation:atmospheric-glow 3s var(--ease-smooth) infinite}.animate-depth-entrance{animation:depth-entrance var(--duration-cinematic) var(--ease-cinematic)}.animate-panel-shimmer:before{background:linear-gradient(90deg,transparent,rgba(246,224,94,.1),transparent);background-size:200% 100%;animation:panel-shimmer 2s ease-in-out infinite}.animate-stagger-1{animation-delay:.1s}.animate-stagger-2{animation-delay:.2s}.animate-stagger-3{animation-delay:.3s}.animate-stagger-4{animation-delay:.4s}.transition-atmospheric{transition:opacity var(--duration-medium) var(--ease-atmospheric),transform var(--duration-medium) var(--ease-atmospheric),filter var(--duration-medium) var(--ease-atmospheric)}.transition-depth{transition:filter var(--duration-slow) var(--ease-cinematic),transform var(--duration-slow) var(--ease-cinematic)}.transition-glow{transition:box-shadow var(--duration-medium) var(--ease-smooth),text-shadow var(--duration-medium) var(--ease-smooth)}.transition-panel{transition:background-color var(--duration-medium) var(--ease-atmospheric),border-color var(--duration-medium) var(--ease-atmospheric),box-shadow var(--duration-medium) var(--ease-atmospheric)}.hover-lift{transition:transform var(--duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow{transition:box-shadow var(--duration-medium) var(--ease-smooth),filter var(--duration-medium) var(--ease-smooth)}.hover-glow:hover{box-shadow:var(--atmospheric-glow);filter:brightness(1.05)}.hover-depth{transition:filter var(--duration-medium) var(--ease-atmospheric)}.hover-depth:hover{filter:var(--tilt-shift-near)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-parallax],[data-mouse-reactive]{transform:none!important}.animate-gentle-float,.animate-atmospheric-glow{animation:none!important}.hover-lift:hover{transform:none}.hover-glow:hover{box-shadow:var(--subtle-glow)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-elevated);border-left:1px solid var(--color-border-medium)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb-start) 0%,var(--scrollbar-thumb-mid) 50%,var(--scrollbar-thumb-end) 100%);border-radius:6px;border:2px solid var(--bg-elevated);box-shadow:0 0 8px var(--scrollbar-glow-soft),inset 0 0 6px var(--scrollbar-inset-glow-soft);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-thumb-hover-start) 0%,var(--scrollbar-thumb-hover-mid) 50%,var(--scrollbar-thumb-hover-end) 100%);box-shadow:0 0 12px var(--scrollbar-glow-medium),inset 0 0 8px var(--scrollbar-inset-glow-medium)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--scrollbar-thumb-active-start) 0%,var(--scrollbar-thumb-active-mid) 50%,var(--scrollbar-thumb-active-end) 100%);box-shadow:0 0 16px var(--scrollbar-glow-strong),inset 0 0 10px var(--scrollbar-inset-glow-strong)}::-webkit-scrollbar-corner{background:var(--bg-elevated)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-firefox-color) var(--bg-elevated)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::-webkit-scrollbar-thumb{transition:none}}@media(max-width:768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:4px;border:1px solid var(--bg-elevated)}}@media(max-width:480px){::-webkit-scrollbar{width:6px;height:6px}}