:root{--primary: #fcc40b;--secondary: #31961e;--background: #ffffff;--surface: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--success: #16a34a;--warning: #d97706;--error: #dc2626;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05);--glass-shadow: 0 4px 12px rgba(0, 0, 0, .05);--header-height: 70px;--border-radius: 12px;--transition: all .2s ease}[data-theme=dark]{--background: #0f172a;--surface: #1e293b;--text: #f8fafc;--text-muted: #94a3b8;--border: #334155;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6;transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius)}.section-padding{padding:80px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;gap:8px;transition:var(--transition)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{filter:brightness(1.1)}.btn-outline{border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background-color:var(--surface)}.primary-text{color:var(--primary)}.secondary-text{color:var(--secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--border) 50%,var(--surface) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:8px}