/* TsarTranslator gate + hub — royal navy / gold / red, matching the logo */
:root{
  --navy:#142a52; --navy-2:#0e1f3d; --gold:#caa23a; --gold-soft:#e7c66b;
  --red:#a32330; --cream:#f7f3ea; --ink:#1a2236; --muted:#6b7689;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  min-height:100vh; color:var(--ink);
  background:radial-gradient(1200px 600px at 50% -10%,#1d3a6e 0%,var(--navy) 45%,var(--navy-2) 100%);
  display:flex; flex-direction:column;
}

/* ---------- Gate ---------- */
.gate-body{align-items:center; justify-content:center; padding:24px}
.gate-card{
  width:100%; max-width:380px; background:var(--cream); border-radius:20px;
  padding:36px 30px 28px; text-align:center;
  box-shadow:0 18px 50px rgba(0,0,0,.45); border-top:5px solid var(--gold);
}
.gate-logo{width:96px;height:96px;border-radius:18px;object-fit:cover;
  box-shadow:0 4px 14px rgba(0,0,0,.25); background:#fff}
.gate-title{font-size:26px;font-weight:800;letter-spacing:-.4px;margin:14px 0 4px;color:var(--navy)}
.gate-intro{font-size:14px;color:#33415a;line-height:1.6;margin:12px 0 18px;text-align:left}
.gate-sub{font-size:12.5px;color:var(--muted);margin-bottom:18px;line-height:1.5}
.gate-form{display:flex;flex-direction:column;gap:12px}
.gate-input{
  height:48px;padding:0 16px;border:1.6px solid #d8dbe2;border-radius:12px;
  font-size:16px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s
}
.gate-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(20,42,82,.12)}
.gate-btn{
  height:48px;border:none;border-radius:12px;cursor:pointer;
  font-size:16px;font-weight:700;color:#fff;letter-spacing:.2px;
  background:linear-gradient(180deg,#1d3a6e,var(--navy));
  box-shadow:0 4px 14px rgba(20,42,82,.4);transition:transform .1s,box-shadow .15s
}
.gate-btn:hover{box-shadow:0 6px 18px rgba(20,42,82,.5)}
.gate-btn:active{transform:scale(.98)}
.gate-error{margin-top:14px;color:var(--red);font-size:13.5px;font-weight:600}
.gate-foot{margin-top:20px;font-size:11.5px;color:var(--muted);line-height:1.5}

/* ---------- Hub ---------- */
.hub-header{
  display:flex;align-items:center;gap:12px;padding:16px 22px;
  background:rgba(255,255,255,.06);backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(255,255,255,.08)
}
.hub-logo{width:36px;height:36px;border-radius:9px;object-fit:cover;background:#fff}
.hub-name{color:#fff;font-weight:800;font-size:17px;letter-spacing:-.3px}
.hub-logout{margin-left:auto;color:var(--gold-soft);text-decoration:none;font-size:13px;font-weight:600;
  border:1px solid rgba(231,198,107,.4);padding:6px 12px;border-radius:8px}
.hub-logout:hover{background:rgba(231,198,107,.12)}
.hub-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 20px 64px}
.hub-h1{color:#fff;font-size:24px;font-weight:800;margin-bottom:28px;letter-spacing:-.4px;text-align:center}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:720px}
@media(max-width:560px){.hub-grid{grid-template-columns:1fr}}
.edition-card{
  background:var(--cream);border-radius:18px;padding:24px 22px 22px;text-decoration:none;color:var(--ink);
  display:flex;flex-direction:column;gap:10px;border-top:5px solid var(--navy);
  box-shadow:0 14px 36px rgba(0,0,0,.4);transition:transform .12s,box-shadow .15s
}
.edition-card:not(.disabled):hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(0,0,0,.5)}
.edition-card.premium{border-top-color:var(--gold)}
.edition-card.disabled{opacity:.78;cursor:default}
.edition-badge{align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;
  color:#fff;background:var(--navy);padding:3px 10px;border-radius:999px}
.edition-badge.gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#3a2c05}
.edition-title{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.3px}
.edition-card.premium .edition-title{color:#7a5e12}
.edition-desc{font-size:13.5px;color:var(--muted);line-height:1.55;flex:1}
.edition-go{font-weight:700;color:var(--navy);font-size:14.5px}
.edition-soon{font-weight:700;color:var(--gold);font-size:14px}
.hub-note{color:var(--gold-soft,#e7c66b);opacity:.85;font-size:13.5px;text-align:center;margin:-14px 0 26px}

/* ---------- Feedback form ---------- */
.fb-main{flex:1;display:flex;justify-content:center;padding:28px 16px 64px}
.fb-card{width:100%;max-width:640px;background:var(--cream);border-radius:20px;padding:32px 26px;box-shadow:0 18px 50px rgba(0,0,0,.45);border-top:5px solid var(--gold)}
.fb-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.2);display:block;margin:0 auto 14px}
.fb-h1{text-align:center;font-size:24px;font-weight:800;color:var(--navy);letter-spacing:-.4px}
.fb-lead{text-align:center;font-size:14px;color:#33415a;line-height:1.6;margin:10px 0 22px}
.fb-form{display:flex;flex-direction:column}
.fb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.fb-q{border:none;padding:16px 0;border-top:1px solid #e4ddcb}
.fb-q:first-of-type{border-top:none;padding-top:4px}
.fb-label{display:flex;gap:8px;font-size:15px;font-weight:700;color:var(--ink);line-height:1.45;margin-bottom:12px;width:100%}
.fb-num{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:6px;background:var(--navy);color:#fff;font-size:12px;font-weight:700}
.fb-options{display:flex;flex-direction:column;gap:8px}
.fb-opt{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid #d8d2c2;border-radius:11px;background:#fff;cursor:pointer;font-size:14.5px;color:var(--ink);transition:border-color .12s,background .12s}
.fb-opt:hover{border-color:var(--navy)}
.fb-opt input{accent-color:var(--navy);width:18px;height:18px;flex:none}
.fb-opt:has(input:checked){border-color:var(--navy);background:rgba(20,42,82,.06)}
.fb-input,.fb-textarea{width:100%;border:1.5px solid #d8d2c2;border-radius:11px;background:#fff;font-size:15px;font-family:inherit;color:var(--ink);padding:12px 14px;outline:none;transition:border-color .12s,box-shadow .12s}
.fb-textarea{resize:vertical;min-height:84px;line-height:1.5}
.fb-input:focus,.fb-textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(20,42,82,.1)}
.fb-submit{margin-top:22px;height:50px;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(180deg,#1d3a6e,var(--navy));box-shadow:0 4px 14px rgba(20,42,82,.4)}
.fb-submit:active{transform:scale(.99)}
.fb-foot{text-align:center;font-size:11.5px;color:var(--muted);margin-top:14px;line-height:1.5}
.fb-thanks{text-align:center}
.fb-thanks-h1{font-size:23px;font-weight:800;color:var(--navy);margin-top:6px}
.fb-thanks-p{font-size:15px;color:#33415a;margin-top:10px;line-height:1.6}
.fb-thanks-ru{font-size:15px;color:var(--navy);margin-top:14px;line-height:1.6;font-weight:600}
.fb-back{display:inline-block;text-decoration:none;text-align:center;line-height:50px;padding:0 28px;margin-top:24px}
/* chooser CTA + in-app footer link */
.fb-cta{width:100%;max-width:720px;margin:18px auto 0;background:rgba(255,255,255,.06);border:1px solid rgba(231,198,107,.35);border-radius:14px;padding:16px 20px;text-decoration:none;display:flex;flex-direction:column;gap:3px;transition:background .12s}
.fb-cta:hover{background:rgba(231,198,107,.12)}
.fb-cta-title{color:#fff;font-weight:700;font-size:16px}
.fb-cta-sub{color:var(--gold-soft);font-size:13px;opacity:.9}