.social-community{--social-line:#1b4160;position:relative;margin:28px 0;padding:26px;border:1px solid var(--social-line);border-radius:16px;background:linear-gradient(145deg,#081b2d,#04111d);box-shadow:0 18px 45px #0005;color:#f4f8fc}.social-community[hidden]{display:none!important}.social-heading{text-align:center;max-width:700px;margin:0 auto 20px}.social-heading>span{color:var(--gold,#efb43b);font-size:11px;font-weight:900;letter-spacing:.16em}.social-heading h2{margin:8px 0 6px;font-size:clamp(22px,3vw,30px)}.social-heading p{margin:0;color:#9eb2c4;line-height:1.55}.social-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.social-action{position:relative;display:flex}.social-button{min-height:48px;display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #285274;border-radius:11px;background:#071a2b;color:#f7fbff;text-decoration:none;transition:.18s ease}.social-button:hover,.social-button:focus-visible{transform:translateY(-2px);border-color:var(--blue,#1686fb);box-shadow:0 8px 24px #1686fb25;outline:none}.social-button>b{font-size:13px}.social-button>span:last-child{color:#7791a8}.social-platform-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#1686fb;color:#fff}.social-platform-icon svg{width:18px;height:18px;fill:currentColor}.social-button.facebook .social-platform-icon{background:#1877f2}.social-button.instagram .social-platform-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-button.telegram .social-platform-icon{background:#229ed9}.social-button.youtube .social-platform-icon{background:#ff0033}.social-button.tiktok .social-platform-icon,.social-button.x .social-platform-icon{background:#050505;border:1px solid #445}.social-button.whatsapp .social-platform-icon{background:#25d366}.social-qr-button{align-self:center;margin-left:-5px;border:1px solid #285274;border-left:0;border-radius:0 9px 9px 0;background:#0a2033;color:#bcd0df;font-size:11px;font-weight:900;cursor:pointer}.social-qr-button:hover,.social-qr-button:focus-visible{color:white;background:#123652;outline:2px solid var(--blue,#1686fb)}.social-qr-dialog{width:min(390px,calc(100% - 30px));padding:30px;border:1px solid #28608b;border-radius:18px;background:#071827;color:#f5f9fc;text-align:center;box-shadow:0 30px 100px #000c}.social-qr-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.social-qr-dialog .social-platform-icon{margin:auto}.social-qr-dialog h2{margin:12px 0 4px}.social-qr-dialog p{color:#91a9bc;line-height:1.5}.social-qr-dialog img{display:block;width:220px;height:220px;margin:18px auto;border-radius:10px;background:#fff}.social-qr-dialog>a{color:#69b9ff}.social-qr-close{position:absolute;top:12px;right:13px;width:36px;height:36px;border:1px solid #31546f;border-radius:50%;background:#0a2033;color:#fff;font-size:22px;cursor:pointer}.footer .social-community{width:100%;margin:20px 0 0;padding:14px;background:transparent;box-shadow:none}.footer .social-community .social-buttons{justify-content:flex-start}.footer .social-button{min-height:40px;padding:6px 10px}.footer .social-button>b{display:none}@media(max-width:620px){.social-community{padding:20px 14px}.social-action,.social-button{width:100%}.social-button{justify-content:flex-start}.social-qr-button{width:48px}.social-heading{text-align:left}}
