@font-face { font-family: "Unbounded"; src: url("/unbounded-latin-wght-normal.woff2") format("woff2"); font-weight: 200 900; }
@font-face { font-family: "Manrope"; src: url("/manrope-latin-wght-normal.woff2") format("woff2"); font-weight: 200 800; }
:root { --bg:#F4F5FA; --panel:#fff; --ink:#141633; --ink-2:#5D6185; --ink-3:#8C90B0; --line:#E4E6F0; --navy:#121433; --gold:#FFC53D; --bad:#D6344A;
  --display:"Unbounded",system-ui,sans-serif; --body:"Manrope",system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:500 15px/1.5 var(--body); min-height:100vh; }
.bar { display:flex; align-items:center; justify-content:space-between; gap:12px; background:var(--navy); color:#fff; padding:14px 24px; }
.brand { display:flex; align-items:center; gap:10px; font:600 17px var(--display); } .brand svg { width:24px; fill:var(--gold); } .brand b { color:var(--gold); font-weight:700; }
.who { white-space:nowrap; color:#C9CCEE; font-weight:700; font-size:13.5px; } .who a { color:#fff; }
.wrap { max-width:1080px; margin:0 auto; padding:48px 24px 64px; }
h1 { font:700 30px/1.15 var(--display); margin:0 0 6px; letter-spacing:-.01em; }
.lead { color:var(--ink-2); margin:0 0 28px; }
.login { max-width:380px; margin:0 auto; background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:28px; }
.login label { display:block; font-weight:800; font-size:13px; margin:14px 0 6px; }
.login input { width:100%; height:46px; border:1px solid var(--line); border-radius:12px; padding:0 14px; font:600 15px var(--body); }
.btn { margin-top:18px; width:100%; height:48px; border:0; border-radius:12px; background:var(--gold); color:#2A1D00; font:800 15px var(--body); cursor:pointer; }
.err { color:var(--bad); font-weight:700; min-height:1.2em; margin:10px 0 0; }
.cards { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
.card { display:flex; flex-direction:column; gap:8px; min-height:220px; background:var(--panel); border:1px solid var(--line); border-radius:20px; padding:24px; color:var(--ink); text-decoration:none;
  transition:transform .15s, box-shadow .15s; box-shadow:inset 0 6px 0 var(--navy); padding-top:30px; }
.card:hover, .card:focus-visible { transform:translateY(-3px); outline:none; }
.card-telegram { box-shadow:inset 0 6px 0 var(--gold); } .card-website { box-shadow:inset 0 6px 0 #0E7A5F; }
.card-kicker { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); font-weight:800; }
.card-title { font:700 22px/1.15 var(--display); letter-spacing:.01em; }
.card-sub { color:var(--ink-2); font-weight:700; }
.card-go { margin-top:auto; font-weight:800; }
.card-note { font-size:12.5px; color:var(--ink-3); font-weight:600; }
.sso { display:none; }
@media (max-width: 860px) { .cards { grid-template-columns:1fr; } .card { min-height:0; } .wrap { padding:28px 16px 48px; } h1 { font-size:24px; } .bar { padding:12px 16px; } }