@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700;9..144,800&family=Anek+Latin:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";#app{min-height:100vh;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:#0a2540;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none;background-color:transparent}a:hover{text-decoration:none}b,strong{font-weight:600}img{max-width:100%;height:auto;border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}fieldset{padding:0;margin:0;border:0}textarea{overflow:auto;resize:vertical}ul,ol{list-style:none;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #e6e6e6}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}[hidden]{display:none!important}:focus{outline:none}:focus-visible{outline:2px solid #635bff;outline-offset:2px}:root{--color-primary: #D8B14A;--color-primary-light: #E7C86E;--color-primary-lighter: #F2DEA1;--color-primary-dark: #B48E36;--color-primary-darker: #8C6E24;--color-primary-subtle: rgba(216, 177, 74, .12);--color-primary-muted: rgba(216, 177, 74, .22);--color-primary-glow: rgba(216, 177, 74, .28);--color-white: #FFFFFF;--color-snow: #FFF9E8;--color-ivory: #FFF3D3;--color-pearl: #F7E9BF;--color-silver: #E8D8A8;--color-slate: #D7C58C;--color-ink-black: #2B1F12;--color-ink-dark: #3A2C1B;--color-ink-medium: #5B4A34;--color-ink-light: #735F47;--color-ink-muted: #8C7A63;--color-ink-faint: #B0A28E;--color-accent: #E2B74A;--color-accent-light: #F8E6B4;--color-accent-dark: #B8892E;--color-cyan: #5CA2A0;--color-cyan-light: #DFF2F1;--color-cyan-dark: #3A7E7C;--color-violet: #9E7B6C;--color-violet-light: #F2E3DD;--color-violet-dark: #7A5A4D;--color-success: #5E8B5A;--color-success-light: #E5F0DE;--color-success-dark: #476845;--color-success-muted: rgba(94, 139, 90, .2);--color-warning: #C28A2E;--color-warning-light: #F8E5C4;--color-warning-dark: #9C6A22;--color-warning-muted: rgba(194, 138, 46, .2);--color-error: #B0614D;--color-error-light: #F4DFD7;--color-error-dark: #864838;--color-error-muted: rgba(176, 97, 77, .2);--color-info: var(--color-primary);--color-info-light: var(--color-accent-light);--bg-primary: var(--color-white);--bg-secondary: var(--color-snow);--bg-tertiary: var(--color-ivory);--bg-elevated: var(--color-white);--bg-card: var(--color-white);--bg-overlay: rgba(43, 31, 18, .7);--bg-glass: rgba(255, 255, 255, .85);--bg-glass-strong: rgba(255, 255, 255, .95);--bg-glass-border: rgba(216, 177, 74, .18);--gradient-primary: linear-gradient(135deg, #E7C86E 0%, #B48E36 100%);--gradient-primary-soft: linear-gradient(135deg, #F6E2AA 0%, #E7C86E 100%);--gradient-hero: linear-gradient(180deg, #FFF7E2 0%, var(--color-white) 100%);--gradient-section: linear-gradient(180deg, var(--color-white) 0%, var(--color-ivory) 100%);--gradient-card: linear-gradient(150deg, #FFF9E8 0%, var(--color-snow) 100%);--gradient-mesh-blue: radial-gradient(at 0% 0%, rgba(216, 177, 74, .18) 0px, transparent 60%), radial-gradient(at 100% 0%, rgba(226, 183, 74, .12) 0px, transparent 55%), radial-gradient(at 100% 100%, rgba(92, 162, 160, .08) 0px, transparent 60%), radial-gradient(at 0% 100%, rgba(158, 123, 108, .08) 0px, transparent 60%);--bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--text-primary: var(--color-ink-black);--text-secondary: var(--color-ink-light);--text-tertiary: var(--color-ink-muted);--text-muted: var(--color-ink-faint);--text-inverse: var(--color-white);--text-accent: var(--color-primary);--text-link: var(--color-primary);--border-hairline: var(--color-pearl);--border-light: var(--color-silver);--border-medium: var(--color-slate);--border-strong: var(--color-ink-faint);--border-accent: rgba(37, 99, 235, .3);--border-focus: var(--color-primary);--font-family-display: "Fraunces", Georgia, serif;--font-family-base: "Anek Latin", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.25rem;--font-size-6xl: 4rem;--font-size-7xl: 5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.75;--tracking-tighter: -.04em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .01em;--tracking-wider: .025em;--tracking-widest: .05em;--tracking-caps: .12em;--spacing-px: 1px;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-12);--spacing-3xl: var(--spacing-16);--spacing-4xl: var(--spacing-24);--spacing-5xl: var(--spacing-32);--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(11, 17, 33, .04);--shadow-sm: 0 2px 4px rgba(11, 17, 33, .06);--shadow-md: 0 4px 8px rgba(11, 17, 33, .08);--shadow-lg: 0 8px 16px rgba(11, 17, 33, .1);--shadow-xl: 0 16px 32px rgba(11, 17, 33, .12);--shadow-2xl: 0 24px 48px rgba(11, 17, 33, .16);--shadow-hard-xs: 2px 2px 0 var(--color-ink-black);--shadow-hard-sm: 3px 3px 0 var(--color-ink-black);--shadow-hard-md: 4px 4px 0 var(--color-ink-black);--shadow-hard-lg: 6px 6px 0 var(--color-ink-black);--shadow-hard-primary: 4px 4px 0 var(--color-primary-dark);--shadow-glow-primary: 0 0 22px rgba(216, 177, 74, .32);--shadow-glow-cyan: 0 0 22px rgba(92, 162, 160, .22);--shadow-glow-violet: 0 0 22px rgba(158, 123, 108, .2);--shadow-card: 0 1px 3px rgba(11, 17, 33, .04), 0 4px 12px rgba(11, 17, 33, .06);--shadow-card-hover: 0 4px 12px rgba(11, 17, 33, .08), 0 12px 32px rgba(37, 99, 235, .1);--shadow-inset: inset 0 2px 4px rgba(11, 17, 33, .06);--shadow-inset-strong: inset 0 4px 8px rgba(11, 17, 33, .1);--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-spring: .6s cubic-bezier(.175, .885, .32, 1.275);--anim-duration-enter: .25s;--anim-duration-leave: .2s;--anim-easing: cubic-bezier(.25, .46, .45, .94);--anim-easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--anim-easing-reverse: cubic-bezier(.55, .06, .68, .19);--anim-modal-scale-from: .95;--anim-modal-translate-from: 12px;--anim-dropdown-translate-from: -8px;--anim-sidebar-translate: -100%;--z-base: 0;--z-above: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-max: 9999;--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1440px;--header-height: 72px;--sidebar-width: 280px;--page-margin: clamp(1rem, 5vw, 3rem);--pattern-grid: linear-gradient(rgba(216, 197, 140, .7) 1px, transparent 1px), linear-gradient(90deg, rgba(216, 197, 140, .7) 1px, transparent 1px);--pattern-grid-size: 40px;--pattern-dots: radial-gradient(circle, rgba(216, 197, 140, .7) 1px, transparent 1px);--pattern-dots-size: 20px;--accent-bar-gradient: linear-gradient(90deg, transparent 0%, rgba(226, 183, 74, .25) 25%, var(--color-accent) 50%, rgba(226, 183, 74, .25) 75%, transparent 100% )}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}::selection{background-color:var(--color-primary-muted);color:var(--text-primary)}::-moz-selection{background-color:var(--color-primary-muted);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-ivory)}::-webkit-scrollbar-thumb{background:var(--color-slate);border-radius:var(--radius-full);border:2px solid var(--color-ivory)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-faint)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}ul,ol{list-style:none;padding:0;margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}img{max-width:100%;height:auto;display:block}hr{border:none;height:2px;background:var(--border-light);margin:var(--spacing-8) 0}strong,b{font-weight:var(--font-weight-bold);color:var(--color-ink-dark)}em,i{font-style:italic}code,kbd,samp{font-family:var(--font-family-mono);font-size:.875em;background:var(--color-ivory);padding:.2em .5em;border-radius:var(--radius-sm);border:1px solid var(--border-light)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-ink-black);color:var(--color-snow);padding:var(--spacing-5);border-radius:var(--radius-lg);overflow-x:auto}pre code{background:none;padding:0;border:none;color:inherit}small{font-size:var(--font-size-sm);color:var(--text-tertiary)}mark{background:var(--color-accent-light);padding:.1em .3em;border-radius:var(--radius-xs);color:var(--color-primary-darker)}blockquote{margin:var(--spacing-6) 0;padding:var(--spacing-5) var(--spacing-6);border-left:4px solid var(--color-primary);background:var(--color-ivory);font-style:italic;color:var(--text-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0}blockquote p:last-child{margin-bottom:0}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--border-light)}th{font-weight:var(--font-weight-semibold);color:var(--text-primary);background:var(--color-ivory);border-bottom-width:2px}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::placeholder{color:var(--text-muted);opacity:1}:disabled{opacity:.5;cursor:not-allowed}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--page-margin)}.container-xs{max-width:var(--container-xs)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.section{padding:var(--spacing-20) 0;position:relative}.section-sm{padding:var(--spacing-12) 0}.section-md{padding:var(--spacing-16) 0}.section-lg{padding:var(--spacing-24) 0}.section-bordered{border-top:2px solid var(--border-light)}.section-alt{background:var(--bg-secondary)}.section-dark{background:var(--color-ink-black);color:var(--color-white)}.section-header{margin-bottom:var(--spacing-12)}.section-header.centered{text-align:center}.section-label{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-primary);background:var(--color-primary-subtle);padding:var(--spacing-2) var(--spacing-4);border:2px solid var(--color-primary-muted);border-radius:var(--radius-sm);margin-bottom:var(--spacing-5)}.section-title{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--spacing-4)}.section-title-sm{font-size:var(--font-size-3xl)}.section-title-lg{font-size:var(--font-size-5xl)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0}.section-header.centered .section-subtitle{margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--color-accent)}.heading-1{font-family:var(--font-family-display);font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tighter);color:var(--text-primary)}.heading-2{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight)}.heading-3{font-family:var(--font-family-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug)}.heading-4{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.heading-5{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.heading-6{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.body-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.body-base{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.body-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.body-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.label{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-primary)}.caption{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-normal)}.lead{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.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}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.card{background-color:var(--bg-card);border:3px solid var(--color-ink-black);border-radius:0;padding:var(--spacing-6);position:relative;transition:all .15s ease-out}.card-sm{padding:var(--spacing-4)}.card-lg{padding:var(--spacing-8)}.card-hover{cursor:pointer}.card-hover:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ink-black)}.card-elevated{box-shadow:6px 6px #2b1f1226}.card-elevated:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #2b1f1233}.card-hard{border:3px solid var(--color-ink-black);box-shadow:6px 6px 0 var(--color-ink-black)}.card-hard:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--color-ink-black)}.card-accent{border-left:6px solid var(--color-primary);border-radius:0}.card-flat{background:var(--color-ivory);border:none}.link{color:var(--text-link);text-decoration:none;font-weight:var(--font-weight-medium);position:relative;transition:color var(--transition-fast)}.link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-fast)}.link:hover{color:var(--color-primary-dark)}.link:hover:after{width:100%}.link-underline{text-decoration:underline;text-decoration-color:var(--border-medium);text-underline-offset:4px;text-decoration-thickness:2px}.link-underline:hover{text-decoration-color:var(--color-primary)}.divider{height:2px;background-color:var(--border-light);border:none;margin:var(--spacing-8) 0}.divider-sm{margin:var(--spacing-4) 0}.divider-lg{margin:var(--spacing-12) 0}.divider-accent{height:4px;background:var(--accent-bar-gradient)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);background-color:var(--color-white);color:var(--text-primary);border:2px solid var(--color-ink-black);border-radius:0;white-space:nowrap}.badge-primary{background-color:var(--color-primary);color:var(--color-ink-black);border-color:var(--color-ink-black)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark);border-color:var(--color-warning-dark)}.badge-error{background-color:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error-dark)}.badge-hard{border:3px solid var(--color-ink-black);box-shadow:3px 3px 0 var(--color-ink-black);border-radius:0}.pattern-grid{background-image:var(--pattern-grid);background-size:var(--pattern-grid-size) var(--pattern-grid-size)}.pattern-dots{background-image:var(--pattern-dots);background-size:var(--pattern-dots-size) var(--pattern-dots-size)}.pattern-mesh{background:var(--gradient-mesh-blue)}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(var(--anim-modal-translate-from)) scale(var(--anim-modal-scale-from))}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(var(--anim-dropdown-translate-from))}to{opacity:1;transform:translateY(0)}}@keyframes sidebarSlideIn{0%{transform:translate(var(--anim-sidebar-translate))}to{transform:translate(0)}}.anim-fade-in{animation:fadeIn var(--anim-duration-enter) var(--anim-easing) forwards}.anim-fade-in-up{animation:fadeInUp .4s var(--anim-easing) forwards}.anim-fade-in-down{animation:fadeInDown .4s var(--anim-easing) forwards}.anim-scale-in{animation:scaleIn var(--anim-duration-enter) var(--anim-easing-bounce) forwards}.anim-bounce{animation:bounce 2s ease-in-out infinite}.anim-pulse{animation:pulse 2s ease-in-out infinite}.anim-spin{animation:spin 1s linear infinite}.transition-all{transition:all var(--anim-duration-enter) var(--anim-easing)}.transition-colors{transition:background-color var(--anim-duration-enter) var(--anim-easing),border-color var(--anim-duration-enter) var(--anim-easing),color var(--anim-duration-enter) var(--anim-easing)}.transition-transform{transition:transform var(--anim-duration-enter) var(--anim-easing)}.transition-opacity{transition:opacity var(--anim-duration-enter) var(--anim-easing)}.skeleton{background:linear-gradient(90deg,var(--color-ivory) 25%,var(--color-pearl) 50%,var(--color-ivory) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@media (max-width: 1024px){.heading-1{font-size:var(--font-size-4xl)}.heading-2,.section-title{font-size:var(--font-size-3xl)}.section{padding:var(--spacing-16) 0}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.lg-hide{display:none}}@media (max-width: 768px){:root{--page-margin: 1rem;--header-height: 64px}.heading-1{font-size:var(--font-size-3xl)}.heading-2,.section-title{font-size:var(--font-size-2xl)}.section{padding:var(--spacing-12) 0}.section-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-8)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card{padding:var(--spacing-5)}.md-hide{display:none}.md-show{display:block}}@media (max-width: 480px){.heading-1{font-size:var(--font-size-2xl)}.heading-2,.section-title{font-size:var(--font-size-xl)}.section{padding:var(--spacing-10) 0}.card{padding:var(--spacing-4);border-radius:var(--radius-lg)}.sm-hide{display:none}.sm-show{display:block}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000;font-size:12pt}.card{box-shadow:none;border:1px solid #ccc}.no-print{display:none!important}}