:root{--sf-white: #FFFFFF;--sf-gray-50: #F4F5F5;--sf-gray-100: #E4E6E7;--sf-gray-200: #D4D7D9;--sf-gray-300: #BBBFC2;--sf-gray-400: #A2A7AB;--sf-gray-500: #8B9094;--sf-gray-600: #74797D;--sf-gray-700: #5E6266;--sf-gray-800: #474B4F;--sf-gray-900: #303438;--sf-gray-950: #181C21;--sf-accent: #00C48C;--sf-accent-1: #14B8A6;--sf-accent-2: #818CF8;--sf-alert: #FF5252;--sf-warning: #FFC107;--sf-success: #34D399;--sf-bg: var(--sf-gray-200);--sf-surface: var(--sf-gray-50);--sf-surface-alt: var(--sf-gray-300);--sf-border: var(--sf-gray-100);--sf-border-mid: var(--sf-gray-300);--sf-border-strong: var(--sf-gray-600);--sf-text: var(--sf-gray-950);--sf-text-sec: var(--sf-gray-600);--sf-text-ter: var(--sf-gray-400);--sf-text-inv: var(--sf-gray-50);--sf-icon: var(--sf-gray-600);--sf-icon-muted: var(--sf-gray-300);--sf-icon-inv: var(--sf-gray-50);--sf-active: var(--sf-gray-950);--sf-inactive: var(--sf-gray-200);--sf-hover: var(--sf-gray-200);--sf-accent-1: #00C489;--sf-accent-1-light: #CFE6DF;--sf-accent-2: #E6A337;--sf-accent-2-light: #E6DDCF;--sf-font-sans: "Inter", system-ui, sans-serif;--sf-font-display: "Poppins", system-ui, sans-serif;--sf-text-xs: 10px;--sf-text-sm: 12px;--sf-text-base: 15px;--sf-text-lg: 17px;--sf-text-xl: 20px;--sf-text-2xl: 24px;--sf-text-3xl: 30px;--sf-text-4xl: 36px;--sf-weight-normal: 400;--sf-weight-medium: 500;--sf-weight-semibold: 600;--sf-weight-bold: 700;--sf-weight-black: 900;--sf-leading-none: 1;--sf-leading-tight: 1.25;--sf-leading-normal: 1.5;--sf-leading-relaxed: 1.625;--sf-tracking-tight: -.025em;--sf-tracking-normal: 0;--sf-tracking-wide: .025em;--sf-tracking-wider: .05em;--sf-tracking-widest: .1em;--sf-radius-sm: 8px;--sf-radius-md: 12px;--sf-radius-lg: 16px;--sf-radius-xl: 20px;--sf-radius-2xl: 24px;--sf-radius-3xl: 32px;--sf-radius-full: 9999px;--sf-shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--sf-shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--sf-shadow-inset: inset 0 16px 24px -6px rgba(0, 0, 0, .12), inset 0 -16px 24px -6px rgba(0, 0, 0, .12);--sf-page-px: 24px;--sf-page-pb: 128px;--sf-safe-top: 48px;--sf-ease: cubic-bezier(.4, 0, .2, 1);--sf-ease-out: cubic-bezier(0, 0, .2, 1);--sf-ease-spring: cubic-bezier(.34, 1.25, .64, 1);--sf-duration-fast: .15s;--sf-duration: .3s;--sf-duration-slow: .5s;--sf-z-base: 0;--sf-z-header: 30;--sf-z-overlay: 50;--sf-z-modal: 100}@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{@apply bg-sky-bg text-sky-text subpixel-antialiased;}.font-display{letter-spacing:.06em;font-weight:600!important}}@layer utilities{.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes nudgeRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes nudgeLeft{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slideOutRight{animation:slideOutRight .35s ease-in-out forwards}.animate-slideInFromRight{animation:slideInFromRight .35s ease-in-out forwards}@keyframes slideInFromLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.animate-cascadeLeft{opacity:0;animation:slideInFromLeft .5s cubic-bezier(.22,.61,.36,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUpFade .3s ease-out both}@keyframes sectionClose{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.animate-section-close{animation:sectionClose .3s ease-out forwards}@keyframes maskSweep{0%{transform:translate(100%)}to{transform:translate(0)}}.mask-sweep-right{animation:maskSweep .3s ease-in forwards}@keyframes maskCircle{0%{clip-path:circle(0% at calc(100% - 28px) 50%)}to{clip-path:circle(150% at calc(100% - 28px) 50%)}}.mask-circle{animation:maskCircle .3s ease-in forwards}@keyframes maskBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mask-sweep-up{animation:maskBottom .3s ease-in forwards}@keyframes maskDiagonal{0%{clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}}.mask-diagonal{animation:maskDiagonal .3s ease-in forwards}@keyframes maskScale{0%{transform:scale(0);border-radius:9999px;opacity:.5}to{transform:scale(1);border-radius:9999px;opacity:1}}.mask-scale-center{animation:maskScale .3s ease-in forwards;transform-origin:center center}@keyframes gearPillEnter{0%{transform:scale(.5);opacity:0}to{transform:scale(1.03);opacity:1}}.animate-gearPillEnter{animation:gearPillEnter .35s ease-out forwards}@keyframes gearPillExit{0%{transform:scale(1.03);opacity:1}to{transform:scale(.5);opacity:0}}.animate-gearPillExit{animation:gearPillExit .3s ease-in forwards;pointer-events:none}@keyframes sectionCollapse{0%{max-height:var(--section-height);opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-8px);padding-top:0;padding-bottom:0;margin-top:0}}.animate-sectionCollapse{animation:sectionCollapse .3s ease-in forwards;overflow:hidden;pointer-events:none}}