:root {
    --bg-primary: #f8f9fa; /* Light gray body bg */
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --text-primary: #111827;
    --text-secondary: #4b5563;
    --accent-color: #0b5cff; /* Trust/Corporate Blue */
    --accent-hover: #0046d6;
    --danger-color: #ef4444;
    --success-color: #10b981;
    --radius-lg: 16px;
    --radius-md: 8px;
    --border-color: #e5e7eb;
    --font-main: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --transition: all 0.2s ease-in-out;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: var(--bg-primary); color: var(--text-primary); font-family: var(--font-main); line-height: 1.6; overflow-x: hidden; }
h1, h2, h3 { font-weight: 700; letter-spacing: -0.01em; color: var(--text-primary); }
p { color: var(--text-secondary); }
a { text-decoration: none; color: inherit; transition: var(--transition); }
ul { list-style: none; }
.container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }

.btn { 
    display: inline-flex; align-items: center; justify-content: center; 
    padding: 12px 24px; border-radius: 8px; font-weight: 600; font-size: 15px; 
    cursor: pointer; transition: var(--transition); border: none; 
}
.btn-primary { background: var(--accent-color); color: white; }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(11, 92, 255, 0.3); }
.btn-outline { border: 1px solid var(--border-color); background: white; color: var(--text-primary); }
.btn-outline:hover { border-color: var(--accent-color); color: var(--accent-color); }
.btn-tg { background: #2AABEE; color: white; }
.btn-tg:hover { background: #229ED9; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(42, 171, 238, 0.3); }
.btn-outline:hover { background: rgba(11, 92, 255, 0.05); }

.text-accent { color: var(--accent-color); }
.hidden { display: none !important; }