:root{--bg:#0b1020;--bg2:#141b36;--fg:#eef1ff;--mut:#b4bde0;--acc:#7dd3fc;--acc2:#c4b5fd;--line:#2a3560}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fg);background:radial-gradient(1200px 600px at 80% -10%,#26307a55,transparent),var(--bg);min-height:100vh}
.stars{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1.5px 1.5px at 90px 120px,#cfe,transparent),radial-gradient(1px 1px at 160px 60px,#fff,transparent);background-size:200px 200px;opacity:.5;animation:drift 120s linear infinite}
@keyframes drift{to{background-position:-200px 400px}}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:9}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a{color:var(--acc)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--acc2);outline-offset:2px}
.wrap{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.narrow{max-width:680px}
.hero{text-align:center;padding:32px 0}.eyebrow{color:var(--acc);letter-spacing:.15em;text-transform:uppercase;font-size:.85rem;margin:0}
h1{font-size:clamp(1.8rem,6vw,2.8rem);margin:.2em 0}.lead,.org,.hint,.empty{color:var(--mut)}
.grid{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:linear-gradient(160deg,var(--bg2),#0e1430);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.card:hover,.card:focus-within{transform:translateY(-4px);border-color:var(--acc)}
.photo{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#26307a,#4c1d95);font-size:3rem;font-weight:700;color:#fff}
.photo.big{max-width:280px;border-radius:16px;margin:16px 0}
.body{padding:16px}.body h2{margin:0 0 4px;font-size:1.2rem}.role{margin:0;color:var(--acc2);font-weight:600}.org{margin:0 0 8px}
.sum{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0}
.more,.btn{display:inline-block;min-height:44px;line-height:44px;padding:0 16px}
.btn{background:var(--acc);color:#04121f;border:0;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer;font-size:1rem}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.full{white-space:pre-line}.back{display:inline-block;min-height:44px;line-height:44px}
.form{display:grid;gap:14px}.form label{display:grid;gap:4px}.form .chk{display:flex;gap:8px;align-items:center}
input,textarea{font:inherit;color:var(--fg);background:#0e1430;border:1px solid var(--line);border-radius:8px;padding:10px;min-height:44px}
input[type=checkbox]{min-height:0;width:20px;height:20px}
.err{background:#4a1220;border:1px solid #f87171;color:#ffe4e6;padding:10px 16px;border-radius:8px}
.bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bar h1{flex:1;margin:0}
.tbl{width:100%;border-collapse:collapse;margin-top:16px;display:block;overflow-x:auto}
.tbl th,.tbl td{text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}
.act{display:flex;gap:12px;align-items:center}.act form{margin:0}
.link{background:none;border:0;color:var(--acc);text-decoration:underline;cursor:pointer;font:inherit;min-height:44px}
.thumb{border-radius:8px;object-fit:cover}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.card:hover{transform:none}}