/*
 * Cookie-consent widget styles — SELF-CONTAINED on purpose.
 *
 * Loaded on the landing, blog, AND the terminal 404 page. The 404 page does
 * not link styles.css (no :root design tokens, no .btn classes), so this file
 * hardcodes its colours/values and styles its own buttons instead of relying
 * on the shared .btn / var(--…) definitions. Brand values mirror styles.css
 * (accent #00B67D / #00FFAF, radius 12px, card border rgba(255,255,255,.12)).
 */
.cookie-consent{position:fixed;left:0;bottom:0;width:100vw;box-sizing:border-box;z-index:200;display:flex;justify-content:flex-end;padding:0 18px 18px;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .26s cubic-bezier(.32,.72,0,1),transform .26s cubic-bezier(.32,.72,0,1),visibility .26s;font-family:inherit}
.cookie-consent.is-visible{opacity:1;visibility:visible;transform:none}
.cookie-consent-inner{pointer-events:none;display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:330px;width:100%;padding:16px 18px;background:rgba(12,18,24,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.55)}
.cookie-consent.is-visible .cookie-consent-inner{pointer-events:auto}
.cookie-consent-text{margin:0;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.62)}
.cookie-consent-text strong{color:rgba(255,255,255,.9);font-weight:600}
.cookie-consent-actions{display:flex;gap:9px;justify-content:flex-end}
.cookie-consent-actions .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:13px;padding:7px 16px;cursor:pointer;font-family:inherit;line-height:1.2;transition:background .18s,border-color .18s,color .18s}
.cookie-consent-accept{background:#00B67D;color:#0C1218}
.cookie-consent-accept:hover{background:#00FFAF}
.cookie-consent-reject{background:none;color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.18)}
.cookie-consent-reject:hover{border-color:#00B67D;color:#00FFAF}
@media (max-width:560px){
  .cookie-consent{justify-content:center;padding:10px}
  .cookie-consent-inner{max-width:none;padding:14px;gap:12px}
  .cookie-consent-actions{width:100%}
  .cookie-consent-actions .btn{flex:1}
}
/* Footer "Cookie settings" trigger — inline muted link/button */
.cookie-settings-link{background:none;border:0;padding:0;margin:0;font:inherit;color:rgba(255,255,255,.45);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.cookie-settings-link:hover{color:#00FFAF}