/* A calm, functional connection point after the closing brand scene. */
.finale-scene{position:relative;isolation:isolate}
.site-finale .community-card{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 224px;
  align-items:center;gap:48px;margin-block:28px 18px;padding:36px 44px;
  border:1px solid #a4c6de38;border-radius:24px;isolation:isolate;
  background:radial-gradient(ellipse at 0 0,#274d6455,transparent 65%),linear-gradient(125deg,#0c2030,#091521 70%,#152230);
  box-shadow:inset 0 1px 0 #e4f1ff22,inset 0 -1px 0 #0008,0 20px 60px #0002;
}
.community-card:before{content:'';position:absolute;top:-1px;left:38px;right:38px;height:1px;background:linear-gradient(90deg,transparent,#dfc48b99 28%,#8bc9e460,transparent);pointer-events:none}
.community-overline{display:flex;align-items:center;gap:13px;color:#dfc78f;font-size:12px;letter-spacing:.16em;font-weight:500}
.community-emblem{display:grid;place-items:center;width:38px;height:38px;border:1px solid #a5c4d146;border-radius:50%;color:#c4dbe9;background:linear-gradient(145deg,#425d70,#132332 60%,#243c4e);box-shadow:inset 0 1px #d8eaff4d,0 5px 14px #0004}
.community-emblem svg{width:21px;height:21px;margin-right:2px}
.cinematic .site-finale .community-copy h2{font-size:clamp(30px,3.15vw,44px);line-height:1.15;letter-spacing:-.04em;margin:20px 0 16px;color:#edf5fc;text-shadow:none}
.cinematic .site-finale .community-copy h2 em{color:#acd2e6;background:none;-webkit-text-fill-color:currentColor}
.community-copy>p{font-size:16px;line-height:1.75;color:#aebfce;max-width:520px;margin:0 0 24px}
.community-join{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:50px;padding:13px 22px;border:1px solid #f0dfaf;border-radius:30px;color:#142431;background:linear-gradient(135deg,#f6e5b6,#d6b774 55%,#e5ca91);font-size:16px;font-weight:600;line-height:1.4;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #98763e66,0 6px 20px #0003;transition:box-shadow .25s,transform .25s}
.community-join svg{width:19px;height:19px;flex-shrink:0}
.community-join:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 8px 25px #d9ba7024}
.community-qr{margin:0;text-align:center;justify-self:end;width:224px;padding-left:24px;border-left:1px solid #8fafc52b}
.community-qr-link{display:block;padding:10px;border:1px solid #fff8;border-radius:16px;background:#fff;box-shadow:0 12px 30px #0005;transition:box-shadow .25s}
.community-qr-link:hover{box-shadow:0 12px 30px #0005,0 0 0 3px #d5ba7540}
/* Display the original QR's white inner field. The supplied image stays unmodified. */
.community-qr-window{position:relative;display:block;aspect-ratio:1;background:white;overflow:hidden;border-radius:5px}
.community-qr-window img{position:absolute;max-width:none;width:172.285714%;height:auto;left:-35.714286%;top:-30.714286%;}
.community-qr figcaption{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:15px}
.community-qr figcaption>span{font-size:10px;letter-spacing:.17em;color:#99b0bf}
.community-qr figcaption>a{font-size:14px;line-height:1.5;font-weight:500;color:#e1cea7}
.site-finale .footer-main>div{flex-wrap:wrap;justify-content:flex-end}
.site-finale .footer-main .footer-telegram{color:#dfc78f}
.community-card a:focus-visible{outline:2px solid #f1d696;outline-offset:5px}
@media(max-width:900px){
  .site-finale .community-card{padding:28px;gap:26px;grid-template-columns:minmax(0,1fr) 202px}
  .community-qr{width:202px;padding-left:20px}
  .community-copy>p{font-size:15px}
  .cinematic .site-finale .community-copy h2{font-size:34px}
  .community-join{font-size:15px;gap:12px;padding-inline:18px}
}
@media(max-width:650px){
  .site-finale .community-card{width:calc(100% - 40px);grid-template-columns:1fr;gap:26px;padding:26px 24px 28px;margin-block:24px 12px;border-radius:20px}
  .community-overline{font-size:10px;letter-spacing:.12em;gap:10px}
  .cinematic .site-finale .community-copy h2{font-size:32px;line-height:1.18;margin:19px 0 14px}
  .community-copy>p{font-size:15px;line-height:1.75;margin-bottom:21px}
  .community-join{width:100%;font-size:15px;gap:18px;padding-inline:16px}
  .community-qr{border-left:0;border-top:1px solid #8fafc52b;padding:24px 0 0;justify-self:center;width:100%}
  .community-qr-link{width:204px;margin-inline:auto}
  .community-qr figcaption{margin-top:13px}
  .site-finale .footer-main>div{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.community-join,.community-qr-link{transition:none}.community-join:hover{transform:none}}