:root { color-scheme: light; font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; color: #14172e; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
.links-page { max-width: 800px; margin: 0 auto; padding: 32px 20px 48px; padding-bottom: max(48px, env(safe-area-inset-bottom)); }
.brand { display: flex; justify-content: center; margin-bottom: 32px; }
.brand img { display: block; width: 104px; height: 104px; }
.social-links { display: grid; gap: 12px; }
.social-link { display: grid; grid-template-columns: 28px minmax(0, 1fr) 20px; align-items: center; gap: 16px; min-height: 64px; padding: 16px 20px; border-radius: 8px; background: #283593; color: #fff; text-decoration: none; font-size: 17px; font-weight: 500; line-height: 1.5; -webkit-tap-highlight-color: #1d2775; }
.social-link span { text-align: center; }
.social-link svg { display: block; width: 26px; height: 26px; fill: currentColor; }
.social-link svg[fill="none"] { fill: none; }
.social-link .arrow { width: 20px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.social-link:hover, .social-link:active { background: #1d2775; }
.social-link:focus-visible { outline: 3px solid #283593; outline-offset: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 380px) { .links-page { padding-inline: 16px; } .social-link { padding-inline: 16px; gap: 12px; } }
@media (forced-colors: active) { .social-link { border: 1px solid LinkText; } }