:root{--color-bg-primary: #ffffff;--color-bg-secondary: #e8f5f0;--color-bg-tertiary: #f1f5f9;--color-bg-elevated: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-tertiary: #64748b;--color-accent-primary: #059669;--color-accent-secondary: #047857;--color-accent-hover: #065f46;--color-accent-light: #d1fae5;--color-accent-text: #ffffff;--color-border-primary: #e2e8f0;--color-border-secondary: #cbd5e1;--color-border-focus: #059669;--color-shadow: rgba(5, 150, 105, .1);--color-overlay: rgba(0, 0, 0, .5)}.dark{--color-bg-primary: #0a0a0a;--color-bg-secondary: #171717;--color-bg-tertiary: #262626;--color-bg-elevated: #262626;--color-text-primary: #fafafa;--color-text-secondary: #d4d4d4;--color-text-tertiary: #a3a3a3;--color-accent-primary: #6ee7b7;--color-accent-secondary: #5eead4;--color-accent-hover: #99f6e4;--color-accent-light: rgba(110, 231, 183, .1);--color-accent-text: #0a0a0a;--color-border-primary: #262626;--color-border-secondary: #404040;--color-border-focus: #6ee7b7;--color-shadow: rgba(110, 231, 183, .1);--color-overlay: rgba(0, 0, 0, .7)}body{font-feature-settings:"liga" 1,"kern" 1;background-color:var(--color-bg-primary);color:var(--color-text-secondary);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6,.font-medium,.font-semibold,.font-bold,[data-i18n="nav.brand"]{font-family:Outfit,sans-serif;letter-spacing:-.02em}@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-i18n=step]{display:flex!important;align-items:center;justify-content:center;width:auto!important;min-width:80px;padding:0 16px!important;border-radius:9999px!important}.theme-toggle{background:transparent;border:1px solid var(--color-border-secondary);border-radius:.375rem;padding:.5rem;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background-color:var(--color-bg-elevated);border-left:1px solid var(--color-border-primary);transform:translate(100%);transition:transform .3s ease;z-index:50;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:40}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-button{background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.mobile-menu-button:hover{color:var(--color-accent-primary)}@media (min-width: 768px){.mobile-menu-button{display:none!important}}.hamburger{width:24px;height:24px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px}.hamburger span{display:block;width:100%;height:2px;background-color:currentColor;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}body.mobile-menu-open{overflow:hidden}.bg-primary{background-color:var(--color-bg-primary)!important}.bg-secondary{background-color:var(--color-bg-secondary)!important}.bg-tertiary{background-color:var(--color-bg-tertiary)!important}.bg-elevated{background-color:var(--color-bg-elevated)!important}.text-primary{color:var(--color-text-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-tertiary{color:var(--color-text-tertiary)!important}.bg-accent{background-color:var(--color-accent-primary)!important}.bg-accent-hover:hover{background-color:var(--color-accent-hover)!important}.bg-accent-light{background-color:var(--color-accent-light)!important}.text-accent{color:var(--color-accent-primary)!important}.text-accent-text{color:var(--color-accent-text)!important}.border-primary{border-color:var(--color-border-primary)!important}.border-secondary{border-color:var(--color-border-secondary)!important}.border-accent{border-color:var(--color-accent-primary)!important}.focus-accent:focus{border-color:var(--color-border-focus)!important;outline:none;--tw-ring-color: var(--color-border-focus)}.hover-accent:hover{color:var(--color-accent-primary)!important}.hover-accent-bg:hover{background-color:var(--color-accent-secondary)!important}.shadow-accent{box-shadow:0 20px 25px -5px var(--color-shadow),0 8px 10px -6px var(--color-shadow)!important}.tag-pill{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:var(--color-accent-light);color:var(--color-accent-primary)}
