:root{--navy:#073d76;--blue:#0759a8;--cyan:#00a6c8;--ink:#15263b;--muted:#617086;--line:#dce5ee;--soft:#f2f6fa;--white:#fff;--danger:#b42318;--success:#087a54;--shadow:0 24px 70px rgba(12,43,75,.12)}
.brand-avant{--navy:#4a174f;--blue:#8b2f62;--cyan:#e18a3b;--ink:#2b2030;--soft:#faf4f8;--shadow:0 24px 70px rgba(74,23,79,.13)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#eef4f8}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 90% 5%,rgba(0,166,200,.12),transparent 28%),linear-gradient(135deg,#f8fbfd,#eaf2f7)}
.site-header{height:76px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(7,61,118,.1);backdrop-filter:blur(12px)}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;letter-spacing:.03em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--cyan),var(--navy));color:white;font-size:23px;font-weight:800}.brand strong{display:block;font-size:19px;line-height:1}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.2em;margin-top:4px}.header-label{font-size:13px;color:var(--navy);font-weight:700;background:#e9f3fa;padding:8px 12px;border-radius:999px}.page-shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:64px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}footer{display:flex;justify-content:space-between;gap:20px;padding:20px clamp(22px,5vw,72px);font-size:12px;color:var(--muted)}
@media(max-width:640px){.site-header{height:66px;padding:0 18px}.header-label{display:none}.page-shell{width:min(100% - 24px,1180px);padding:28px 0}footer{padding:16px 18px;flex-direction:column;gap:4px}}