.community,.community *{box-sizing:border-box}
body.community{overflow:auto;background:#0c1413;color:#fff3e4;font-family:Inter,system-ui,sans-serif}.community:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,#10171444,#0c1413 620px),url('/img/bg-aurora-2.jpg') top/cover;opacity:.65;pointer-events:none}.community main,.community header{position:relative}.community header{max-width:1180px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.community header nav{display:flex;gap:22px}.community a{color:inherit;text-decoration:none}.community a:hover{color:#ffb18e}.community main{max-width:1120px;margin:40px auto;padding:0 24px 80px}.community .eyebrow{font:11px monospace;letter-spacing:.14em;color:#d4d7bc;text-transform:uppercase}.community h1{font-size:clamp(40px,7vw,76px);line-height:1.05;letter-spacing:-.06em;max-width:830px;margin:20px 0}.community .intro{font-size:18px;line-height:1.6;color:#d0cdc0;max-width:640px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:35px 0}.mode-card,.panel,.person{background:#17241ee8;border:1px solid #ffffff24;border-radius:20px;padding:28px}.mode-card{display:block;transition:transform .15s,border-color .15s}.mode-card:hover{transform:translateY(-3px);border-color:#f28b57}.mode-card b{display:block;font-size:30px;margin:18px 0 12px}.mode-card p,.muted{color:#b8c2b8;line-height:1.6}.mode-card .mode-icon{font:24px monospace;color:#f4ad88}.community .button{display:inline-block;background:#ef9363;color:#172019;border:0;border-radius:10px;padding:13px 18px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none}.community button{cursor:pointer;font-family:inherit}.community button:disabled{opacity:.5;cursor:wait}.community .secondary{background:#25382d;color:#e9eedf;border:1px solid #ffffff30}.community .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.join-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:30px}.community h2{font-size:25px;letter-spacing:-.03em;margin-top:0}.community label{display:block;font-size:13px;color:#d1d9ce;margin:16px 0}.community input,.community textarea,.community select{display:block;width:100%;background:#0d1913;border:1px solid #59705d;border-radius:9px;color:#fff;padding:13px;margin-top:8px;font-size:16px;font-family:inherit}.community input:focus,.community textarea:focus{outline:2px solid #f1a67d}.community .consent{display:flex;gap:10px;align-items:start;line-height:1.5}.community .consent input{width:18px;flex-shrink:0;margin-top:2px}.community small{display:block;color:#aebbaf;line-height:1.5}.community [role=status]{line-height:1.6;color:#ffd9b2;min-height:24px}.community pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1510;padding:24px;border-radius:14px;max-height:65vh;overflow:auto;font:13px/1.7 monospace}.community .stats{display:flex;gap:24px;align-items:center;margin:38px 0 22px}.community .stats strong{font-size:30px}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person{padding:24px;overflow-wrap:anywhere}.avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#dc885e,#cf829b,#72a795);color:#142019;font-size:19px;font-weight:700}.person h2{font-size:20px;margin:20px 0 6px}.badge{font:11px monospace;color:#e8ba92}.person p{color:#b9c4b8;font-size:14px;line-height:1.6}.request{border-top:1px solid #ffffff22;padding:14px 0;font-size:13px;overflow-wrap:anywhere}.request strong{display:block;color:#f1b28a;text-transform:uppercase;margin-bottom:5px}.community [hidden]{display:none!important}@media(max-width:720px){.mode-grid,.join-layout{grid-template-columns:1fr}.people{grid-template-columns:1fr 1fr}.community main{margin-top:16px}.panel{padding:22px}}@media(max-width:440px){.people{grid-template-columns:1fr}}
