/* Trang công khai của nền tảng (bảng giá, đăng ký, nâng cấp): đổi bảng màu kem/olive cũ sang chàm/ngọc */
:root { --olive: #3730a3; --olive-2: #4f46e5; --cream: #eef2f7; --paper: #ffffff; --sand: #e2e8f0; --clay: #06b6d4; --sage: #818cf8; --ink: #0f172a; --muted: #64748b; --pine-600: #4f46e5; --pine-700: #4338ca; --pine-100: #e0e7ff; }
body.app { background: #eef2f7; font-family: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.serif { font-family: "Be Vietnam Pro", system-ui, sans-serif; font-weight: 800; letter-spacing: -.03em; }
body.pricing h1 em, .land-head .back { color: #4f46e5; font-style: normal; }
.plan-card { border-radius: 22px; box-shadow: 0 8px 28px rgba(15,23,42,.06); }
.plan-card.best { border: 2px solid #6366f1; background: linear-gradient(180deg, #f5f7ff, #fff); box-shadow: 0 18px 44px rgba(79,70,229,.2); }
.plan-card li::before { background: #e0e7ff; color: #4338ca; } .ribbon { background: linear-gradient(135deg, #6366f1, #06b6d4) !important; color: #fff !important; }
.btn-pill.dark { background: linear-gradient(135deg, #5b52f0, #4338ca); box-shadow: 0 8px 22px rgba(79,70,229,.3); } .btn-pill.dark:hover { background: #4338ca; }
.hire, .hire-chip { border-radius: 22px; } .hire { background: linear-gradient(135deg, #0f172a, #1e1b4b) !important; }
.hb.signup { background: linear-gradient(135deg, #67e8f9, #818cf8); color: #0b1220; } .hb.signup:hover { color: #0b1220; }
.role.owner { border-color: #c7d2fe; } .flash { border-radius: 14px; }
.signup-form input:focus, .signup-form select:focus { outline: 3px solid rgba(79,70,229,.2); border-color: #4f46e5; }
.lang-switch { display: inline-flex; gap: 6px; font-size: 12px; font-weight: 700; color: #64748b; } .lang-switch a { color: #64748b; } .lang-switch b { color: #4f46e5; } .lang-switch i { font-style: normal; opacity: .4; }