body { background: #171717; color: #eee; font: 17px/1.5 Arial, sans-serif; margin: 0; }
a { color: #c1e04a; }
.ta-gate-nav { display: flex; flex-wrap: wrap; gap: 24px; padding: 20px; background: #252525; }
.ta-gate { max-width: 900px; margin: 40px auto; padding: 20px; }
.ta-gate section { padding: 32px; background: #252525; border: 1px solid #555; border-radius: 6px; }
.ta-gate h1 { font-size: 1.6em; }
.ta-gate button { font: inherit; padding: 14px 20px; margin: 8px 12px 8px 0; cursor: pointer; background: #c1e04a; color: #171717; border: 2px solid transparent; border-radius: 4px; }
.ta-gate button:focus-visible, .ta-gate a:focus-visible { outline: 3px solid white; outline-offset: 4px; }
.ta-gate-note { font-size: .85em; color: #ccc; }