:root { --orange: #111; --ink: #111; --paper: #fafafa; }
.button-primary { background: #111; color: #fff; }
.button-primary:hover { background: #333; }
.nav-actions #account-button { min-height: 38px; min-width: 76px; padding: 10px 20px; font-size: 12px; }
.connect-section { background: #111; }
.connect-core { background: linear-gradient(140deg, #303030, #151515); }
.connect-core > svg { stroke: #eee; }
.connect-heading h2 span { color: #bfbfbf; }
.connect-section .button-primary, .closing-section .button-primary { background: #fff; color: #111; }
.connect-section .button-primary:hover, .closing-section .button-primary:hover { background: #ddd; }
.platform-tile { text-decoration: none; }
.platform-icon { filter: none; }
.platform-arrow { position: absolute; top: 8px; right: 10px; color: #777; font-size: 12px; transition: color .2s; }
.platform-tile:hover .platform-arrow { color: #fff; }
.footer-cookie { background: none; border: 0; padding: 0; color: inherit; font-size: inherit; cursor: pointer; }
.footer-cookie:hover { color: #111; }
@media (max-width: 620px) {
  .nav-actions #account-button { min-height: 34px; min-width: 66px; padding: 8px 16px; font-size: 11px; }
  .platform-arrow { top: 5px; right: 7px; font-size: 10px; }
}