/* Первый экран legal-help.html: заголовок, три синие плашки, «Погнали», вход, выбор ситуации */
.fw{position:relative;color:#fff;border-radius:28px;margin:0 0 28px;padding:clamp(28px,5vw,64px) clamp(18px,4vw,56px);overflow:hidden;
  background:
    radial-gradient(700px 360px at 90% -10%,rgba(80,140,255,.35),transparent 60%),
    radial-gradient(600px 320px at -10% 110%,rgba(184,152,96,.22),transparent 60%),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(160deg,#0f2433,#081219)}
.fw-kicker{display:inline-block;font:700 12px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e0c99b;border:1px solid rgba(224,201,155,.4);border-radius:99px;padding:8px 14px;margin:0 0 18px}
.fw h1{font:400 clamp(32px,5.4vw,64px)/1.06 Georgia,"Times New Roman",serif;margin:0 0 30px;max-width:900px;color:#fff}
.fw h1 em{font-style:normal;color:#9cc0ff}

.fw-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 30px;padding:0;list-style:none}
.fw-card{position:relative;margin:0;padding:22px 22px 24px;border-radius:20px;min-height:170px;
  background:linear-gradient(150deg,#2f6bff 0%,#1d4fd6 45%,#16399e 100%);
  box-shadow:0 18px 40px rgba(20,60,180,.35),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .2s ease,box-shadow .2s ease}
.fw-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(20,60,180,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.fw-card .fw-n{position:absolute;right:18px;top:14px;font:700 44px/1 Georgia,serif;color:rgba(255,255,255,.16)}
.fw-q{display:inline-block;font:700 12px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d7e4ff;background:rgba(255,255,255,.14);border-radius:99px;padding:7px 12px;margin:0 0 14px}
.fw-a{display:block;font:700 clamp(18px,1.8vw,22px)/1.3 Arial,sans-serif;color:#fff}

.fw-go{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 34px;border:0;border-radius:99px;cursor:pointer;
  background:linear-gradient(120deg,#e6ff00,#b8f400);color:#0b1820;font:900 18px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;
  box-shadow:0 14px 34px rgba(200,255,0,.25);transition:transform .15s ease}
.fw-go:hover{transform:translateY(-2px)}
.fw-go:focus-visible{outline:3px solid #fff;outline-offset:4px}
.fw-go span{font-size:22px}

.fw-login{margin:30px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.fw-login-title{font:700 13px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#cfd8e3;margin:0 0 12px}
/* перенесённый блок входа — на тёмном фоне */
.fw-login .fed-login{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;color:#fff}
.fw-login .fed-login strong{color:#fff}
.fw-login .fed-login .small,.fw-login .fed-login span{color:rgba(255,255,255,.78)}
.fw-login .fed-login-widget{background:#fff;border-radius:12px;padding:8px}

/* выбор ситуации: свернуть / развернуть */
.fw-sit{margin:22px 0 0}
.fw-sit-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:62px;padding:0 22px;cursor:pointer;
  border:1px solid rgba(156,192,255,.45);border-radius:18px;background:rgba(47,107,255,.16);color:#fff;font:700 17px/1.3 Arial,sans-serif;text-align:left}
.fw-sit-toggle:hover{background:rgba(47,107,255,.26)}
.fw-sit-toggle:focus-visible{outline:3px solid #9cc0ff;outline-offset:3px}
.fw-sit-toggle .fw-sit-state{flex:0 0 auto;font-size:13px;font-weight:700;color:#0b1820;background:#9cc0ff;border-radius:99px;padding:8px 14px}
.fw-sit-body{margin-top:14px}
.fw-sit-body[hidden]{display:none}
.fw-sit .fed-catalog{margin:0;background:#fff;color:#172b36;border-radius:20px;padding:20px}
.fw-sit .fed-catalog-head h3{display:none}
.fw-sit-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.fw-sit-tools button{min-height:40px;padding:0 16px;border-radius:99px;border:1px solid #c9d3e6;background:#f3f6fc;color:#16399e;font:700 13px Arial,sans-serif;cursor:pointer}
/* темы — кнопки свернуть/развернуть на любом экране */
.fw-sit .fed-group>h3{cursor:pointer;display:flex;align-items:center;gap:10px;user-select:none}
.fw-sit .fed-group>h3::after{content:"＋";margin-left:auto;font-size:18px;color:#1d4fd6}
.fw-sit .fed-group:not(.is-closed)>h3::after{content:"−"}
.fw-sit .fed-group.is-closed>.fed-topics{display:none}

@media(max-width:900px){.fw-cards{grid-template-columns:1fr}.fw-card{min-height:0}}
@media(max-width:620px){
  .fw{border-radius:20px;padding:26px 16px}
  .fw h1{margin-bottom:22px}
  .fw-go{width:100%}
  .fw-sit-toggle{font-size:15px;padding:0 16px}
  .fw-sit .fed-catalog{padding:14px}
}
@media(prefers-reduced-motion:reduce){.fw-card,.fw-go{transition:none}}
@media(max-width:1200px) and (min-width:901px){.fw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fw-sub{display:block;margin-top:10px;font:14px/1.45 Arial,sans-serif;color:#d7e4ff}