.quobin-community{position:relative;isolation:isolate;display:flex;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:max(40px,env(safe-area-inset-top)) 24px max(78px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 42%,#242e163d 0,transparent 65%),linear-gradient(180deg,#090c09,#14180f);color:#f7f8f4;font-family:var(--font-ui),"Segoe UI",sans-serif;color-scheme:dark;-webkit-font-smoothing:antialiased}.community-watermark{position:absolute;z-index:-1;inset:0;background:url(/brand/quobin-symbol.webp) center 58%/min(110vw,1050px) auto no-repeat;opacity:.045;pointer-events:none}.community-content{width:100%;max-width:540px;gap:24px;text-align:center}.community-content,.community-logo{display:flex;flex-direction:column;align-items:center}.community-logo{width:250px;min-height:220px;justify-content:center;gap:18px;margin-bottom:10px;padding:30px;border:1px solid #b7e34f80;border-radius:28px;background:linear-gradient(145deg,#1a2118,#10150f);box-shadow:0 0 0 7px #b7e34f0c,0 22px 64px #0005}.community-logo img{display:block;width:112px;height:112px;-o-object-fit:contain;object-fit:contain}.community-logo span{padding-left:.16em;font-size:27px;font-weight:600;line-height:1;letter-spacing:.16em}.community-content h1{margin:0;font-size:clamp(34px,6vw,52px);font-weight:700;line-height:1.1;letter-spacing:-.035em}.community-description{margin:-4px 0 2px;color:#b6bdab;font-size:17px;font-weight:400;line-height:1.6}.community-description strong{color:#d3ef8d;font-size:20px;font-weight:600}.community-join{display:inline-flex;width:100%;max-width:420px;min-height:68px;align-items:center;justify-content:center;gap:12px;padding:18px 24px;border:0;border-radius:999px;background:linear-gradient(180deg,#d3ef8d,#b7e34f);box-shadow:0 12px 42px #b7e34f24;color:#17200b;font-size:21px;font-weight:700;line-height:1.35;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.community-join:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 48px #b7e34f40}.community-join:focus-visible{outline:3px solid #fff;outline-offset:5px}.community-join:disabled{cursor:default}.community-join svg{flex:none}.community-note{margin:-8px 0 0;color:#929c87;font-size:12px;font-weight:400;line-height:1.5}.community-footer{position:absolute;right:24px;bottom:max(24px,env(safe-area-inset-bottom));left:24px;color:#7f8b73;font-size:11px;font-weight:400;letter-spacing:.08em;text-align:center}.community-footer span{margin:0 8px;color:#b7e34f}@media (max-width:480px){.community-content{gap:22px}.community-logo{width:210px;min-height:195px;padding:26px}.community-logo img{width:96px;height:96px}.community-logo span{font-size:24px}.community-description{font-size:15px}.community-join{min-height:62px;font-size:18px}}@media (max-height:700px){.quobin-community{padding-top:28px;padding-bottom:64px}.community-content{gap:18px}.community-logo{width:180px;min-height:160px;gap:12px;margin-bottom:4px;padding:22px}.community-logo img{width:76px;height:76px}.community-logo span{font-size:21px}.community-content h1{font-size:clamp(32px,5vw,42px)}}@media (prefers-reduced-motion:reduce){.community-join{transition:none}}