/* The AlexandraChess News: one calm card, charcoal and purple. */
@font-face { font-family: "InterDisplay"; src: url(/fonts/InterDisplay-Bold.woff) format("woff"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Inter"; src: url(/fonts/Inter-Regular.woff) format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url(/fonts/Inter-SemiBold.woff) format("woff"); font-weight: 600; font-display: swap; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: #0f0e13; color: #f6f4fb; font: 400 16.5px/1.55 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
.news { min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; padding: 64px 16px 40px; position: relative; overflow: hidden; }
.news::before { content: ""; position: absolute; inset: -20% -20% auto; height: 80%; background: radial-gradient(closest-side, rgba(143,92,255,.32), transparent); filter: blur(40px); pointer-events: none; }
.langs { position: absolute; top: 16px; right: 16px; display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: rgba(255,255,255,.06); }
.langs a { padding: 5px 10px; border-radius: 999px; color: rgba(246,244,251,.7); text-decoration: none; font-size: 12.5px; font-weight: 600; }
.langs a[aria-current="page"] { background: #8f5cff; color: #fff; }
.card { position: relative; width: 100%; max-width: 440px; text-align: center; padding: 40px 28px 28px; border-radius: 28px;
  background: linear-gradient(170deg, rgba(143,92,255,.16), rgba(255,255,255,.02) 55%); border: 1px solid rgba(173,139,255,.25); box-shadow: 0 30px 80px rgba(0,0,0,.45); }
.me { width: 116px; height: 116px; border-radius: 50%; object-fit: cover; object-position: 50% 22%; border: 3px solid #8f5cff; box-shadow: 0 0 0 6px rgba(143,92,255,.18); }
.kicker { margin: 18px 0 6px; color: #ad8bff; font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 0 0 10px; font: 700 clamp(30px, 7vw, 40px)/1.05 InterDisplay, Inter, sans-serif; letter-spacing: -.025em; }
.lead { margin: 0 0 24px; color: rgba(246,244,251,.78); font-size: 17.5px; }
form { display: flex; flex-direction: column; gap: 10px; }
input[type=email] { width: 100%; padding: 15px 16px; border-radius: 14px; border: 1px solid rgba(212,194,255,.25); background: rgba(255,255,255,.06); color: #fff; font: inherit; font-size: 16px; outline: none; }
input[type=email]::placeholder { color: rgba(246,244,251,.45); }
input[type=email]:focus { border-color: #8f5cff; box-shadow: 0 0 0 3px rgba(143,92,255,.25); }
button { padding: 15px 16px; border: 0; border-radius: 14px; background: #8f5cff; color: #fff; font: 600 16.5px/1 Inter, sans-serif; cursor: pointer; box-shadow: 0 12px 28px rgba(143,92,255,.35); transition: background .2s, transform .2s; }
button:hover { background: #9d70ff; } button:active { transform: translateY(1px); } button[disabled] { opacity: .6; cursor: default; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.msg { margin: 14px 0 0; font-weight: 600; } .msg.ok { color: #c9b3ff; } .msg.bad { color: #ff9a9a; }
.small { margin: 16px 0 0; color: rgba(246,244,251,.5); font-size: 12.5px; }
.back { position: relative; color: rgba(246,244,251,.6); font-size: 14px; text-decoration: none; } .back:hover { color: #fff; }
.done form { display: none; }

.who { margin: -4px 0 12px; color: #c9b3ff; font-size: 14px; font-weight: 600; }
.inside { list-style: none; margin: 0 auto 24px; padding: 0; max-width: 320px; text-align: left; display: grid; gap: 8px; }
.inside li { position: relative; padding-left: 26px; color: rgba(246,244,251,.82); font-size: 15px; }
.inside li::before { content: "\265E"; position: absolute; left: 0; top: -1px; color: #ad8bff; }