*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #f4f6f5;--bg-surface: #ffffff;--bg-surface2: rgba(255,255,255,.9);--bg-elevated: #fafbfa;--ink-primary: #1a1a1a;--ink-secondary: #727271;--ink-tertiary: #9e9e9e;--accent: #2B8A3E;--accent-hover: #26822F;--accent-light: rgba(43,138,62,.1);--green: #2B8A3E;--amber: #ff9f0a;--red: #ff3b30;--purple: #5e5ce6;--teal: #5ac8fa;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.14);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}:root{--font-sans: "Roboto", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}*{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:15px;line-height:1.6;color:var(--ink-primary);background:var(--bg-primary);scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}@media (max-width: 768px){.text-h1{font-size:22px}.text-h2{font-size:18px}.text-display{font-size:26px}}.text-display{font-size:32px;font-weight:300;letter-spacing:-.5px}.text-h1{font-size:26px;font-weight:500;letter-spacing:-.3px}.text-h2{font-size:20px;font-weight:500}.text-h3{font-size:16px;font-weight:500}.text-body{font-size:15px;font-weight:400;line-height:1.6}.text-caption{font-size:13px;font-weight:400}.text-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.transition-fast{transition:all var(--duration-fast) var(--ease-out)}.transition-normal{transition:all var(--duration-normal) var(--ease-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-spring) forwards}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out) forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-elevated) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}