:root{--primary: #001C38;--primary-light: #D3E4FF;--secondary: #38BDF8;--accent: #2E6C45;--background: #FDFBFF;--surface: #FFFFFF;--border: #C3C7CF;--text-primary: #1A1C1E;--text-secondary: #43474E;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}body{margin:0;font-family:Inter,-apple-system,sans-serif;background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased}.bento-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.bento-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #00000014}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}