*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
    --wl-primary: #1E3A8A; --wl-secondary: #0D9488; --wl-accent: #EA580C;
    --wl-bg: #F8FAFC; --wl-surface: #FFFFFF; --wl-text: #1E293B;
    --wl-text-muted: #64748B; --wl-border: #E2E8F0;
    --wl-success: #22C55E; --wl-warning: #F59E0B; --wl-danger: #EF4444;
    --wl-font: 'Inter', -apple-system, sans-serif;
    --wl-radius: 8px; --wl-radius-sm: 6px; --wl-radius-lg: 12px;
    --wl-shadow: 0 1px 3px rgba(0,0,0,.1);
    --wl-shadow-lg: 0 8px 30px rgba(0,0,0,.12);
    --wl-transition: .2s ease;
}
body { font-family: var(--wl-font); background: var(--wl-bg); color: var(--wl-text); line-height: 1.6; }
a { color: var(--wl-primary); text-decoration: none; }
a:hover { opacity: .8; }
img { max-width: 100%; height: auto; }
.sf-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }