/* Cyber Sharks theme for rdp.cybersharks.world (the opening page /desktop). Colours: theme/assets/scss/includes/brand/
   _tokens.scss; fonts and crest fetched at boot from cybersharks.world (the gate lets brand images and fonts through). */
@font-face { font-family: Bungee; src: url(/assets/bungee.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: Saira; src: url(/assets/saira.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
:root { --abyss: #050d21; --deep: #081532; --reef: #0e2a5e; --line: #1d3566; --signal: #f2f23c; --ink: #0a1020;
        --glow: #33c8f5; --text: #e6ecf6; --dim: rgba(214, 226, 244, .78); color-scheme: dark; }
* { box-sizing: border-box; }
html { background: var(--abyss); }
body { margin: 0; min-height: 100vh; background: var(--abyss) radial-gradient(ellipse at top, var(--reef) 0%, var(--deep) 40%, var(--abyss) 100%) no-repeat fixed;
             color: var(--text); font: 17px/1.55 Saira, system-ui, sans-serif; }
.cs-wrap { max-width: 640px; margin: 0 auto; padding: 48px 16px 64px; text-align: center; }
.cs-crest { width: 180px; height: 180px; object-fit: contain; filter: drop-shadow(0 8px 28px rgba(51, 200, 245, .35)); }
.cs-kicker { margin: 18px 0 4px; color: var(--glow); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: .8rem; }
h1 { margin: 0 0 12px; font: 400 clamp(2.2rem, 1.4rem + 4vw, 3.6rem)/1.05 Bungee, Saira, sans-serif; text-transform: uppercase; }
h1 span { color: var(--signal); display: block; }
.cs-lead { color: var(--dim); font-size: 1.1rem; margin: 0 auto 28px; max-width: 34em; }
code { color: var(--glow); }
a { color: var(--glow); }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }