:root {
  --auin-navy-950: #031d42;
  --auin-navy-900: #062a58;
  --auin-green-600: #079653;
  --auin-green-700: #057442;
  --auin-amber-500: #f59e0b;
  --auin-surface: #ffffff;
  --auin-canvas: #f5f7f9;
  --auin-text: #11243a;
  --auin-muted-text: #627287;
  --auin-line: #dfe6ec;
  --auin-radius: 12px;
  --auin-shadow: 0 10px 28px rgb(3 29 66 / 8%);
}

*, *::before, *::after { box-sizing: border-box; }
img, svg, video { display: block; max-width: 100%; height: auto; }
.auin-shell { width: min(100% - 32px, 1380px); min-width: 0; margin-inline: auto; }
.auin-card { min-width: 0; border: 1px solid var(--auin-line); border-radius: var(--auin-radius); background: var(--auin-surface); box-shadow: var(--auin-shadow); }
.auin-button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 10px 18px; border: 0; border-radius: 8px; background: var(--auin-green-600); color: #fff; font-weight: 750; text-decoration: none; }
.auin-button:hover { background: var(--auin-green-700); color: #fff; }
.auin-skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 10px 14px; transform: translateY(-160%); border-radius: 6px; background: #fff; color: var(--auin-navy-950); }
.auin-skip-link:focus { transform: translateY(0); }
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid #4fd79c; outline-offset: 3px; }