/* ============================================================ Shieldix — CSS trang dịch vụ (multi-page) Nguồn: Shieldix_Website_HTML_v2_20260803/style.css Đã đổi: font Be Vietnam Pro -> Inter + Space Grotesk (khớp site hiện tại), --blue -> #1A73E8. Token nền/cyan/green/text giữ nguyên vì vốn đã trùng site. Không ảnh hưởng blog và các trang pháp lý (dùng CSS riêng). ============================================================ */ :root { --bg: #050B14; --bg-alt: #081221; --surface: #0D1B2A; --line: #1A2D47; --line-strong: #2A415C; --text: #E2E8F0; --muted: #94A3B8; /* giữ, blog dùng #64748b cho chữ phụ nhỏ */ --cyan: #00D4FF; --blue: #1A73E8; /* đồng bộ với site hiện tại */ --teal: #5FC5C5; --green: #00FF88; --grad: linear-gradient(100deg, #00D4FF 0%, #3BA3DB 55%, #5FC5C5 100%); --radius: 10px; --shadow: 0 4px 18px rgba(0, 0, 0, .35); --shadow-lg: 0 10px 34px rgba(0, 0, 0, .5); --maxw: 1280px; /* khớp max-w-7xl của index.html và blog; 1120px của bản v2 gốc trông hẹp hẳn so với phần còn lại của site */ } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } } body { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; background: var(--bg); color: var(--text); font-size: 16px; line-height: 1.65; } img { max-width: 100%; display: block; } a { color: var(--cyan); text-decoration: none; } a:hover { text-decoration: underline; } a:focus-visible, button:focus-visible, .btn:focus-visible { outline: 3px solid var(--cyan); outline-offset: 2px; border-radius: 4px; } /* Tailwind CDN chèn