.web-social-sync{text-align:center;font-size:.85rem;color:var(--web-text-muted);margin-bottom:1rem}.web-social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.web-social-card{background:var(--web-card);border-radius:var(--web-radius);overflow:hidden;box-shadow:var(--web-card-shadow);border:1px solid var(--web-border);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.web-social-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #0000001f}.web-social-media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--web-bg-alt)}.web-social-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.web-social-card:hover .web-social-media img{transform:scale(1.04)}.web-social-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;background:#0000008c;color:#fff;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:transform .2s}.web-social-card:hover .web-social-play{transform:translate(-50%,-50%) scale(1.1)}.web-social-caption{padding:.85rem;font-size:.9rem;line-height:1.45;color:var(--web-text)}.web-social-meta{padding:0 .85rem;display:flex;gap:.75rem;font-size:.8rem;color:var(--web-text-muted)}.web-social-feed-link{display:block;padding:.6rem .85rem;font-size:.85rem;color:var(--web-primary);text-decoration:none;border-top:1px solid var(--web-border);transition:background var(--web-transition)}.web-social-feed-link:hover{background:color-mix(in srgb,var(--web-primary) 5%,transparent)}.web-banners{position:relative;overflow:hidden;border-radius:var(--web-radius);margin:2rem auto;max-width:var(--web-max-width);box-shadow:0 4px 24px #00000014}.web-banners-track{position:relative;min-height:200px}.web-banner-slide{display:none;position:relative}.web-banner-active{display:block;animation:fadeInUp .5s ease-out}.web-banner-slide img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:var(--web-radius)}.web-banner-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(transparent,#000000bf);color:#fff;border-radius:0 0 var(--web-radius) var(--web-radius)}.web-banner-title{font-size:1.5rem;font-weight:800;margin-bottom:.3rem;letter-spacing:-.02em}.web-banner-subtitle{font-size:1rem;opacity:.9}.web-banner-link{position:absolute;inset:0;z-index:1}.web-banners-dots{display:flex;justify-content:center;gap:.6rem;padding:.85rem}.web-banner-dot{width:12px;height:12px;box-sizing:content-box;border-radius:50%;border:none;background:var(--web-border);cursor:pointer;transition:background .3s,transform .3s;padding:0}.web-banner-dot:hover{transform:scale(1.2)}.web-banner-dot-active{background:var(--web-primary);transform:scale(1.15)}@media(max-width:640px){.web-social-grid{grid-template-columns:repeat(2,1fr)}.web-banner-slide img{max-height:250px}.web-banner-title{font-size:1.1rem}}@media(max-width:430px){.web-social-grid{grid-template-columns:1fr}}.spinner{width:32px;height:32px;border:3px solid var(--line, var(--web-border));border-top-color:var(--accent, var(--web-primary));border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}