.glass-card{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 15px rgba(0,0,0,.03)}.glass-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-hover:hover{background:rgba(255,255,255,.85);box-shadow:0 10px 20px rgba(0,0,0,.08),0 20px 30px rgba(0,0,0,.05);transform:translateY(-2px)}.glass-dark{background:rgba(0,0,0,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.shadow-subtle{box-shadow:0 2px 4px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.02)}.shadow-subtle-hover{transition:box-shadow .3s ease}.shadow-subtle-hover:hover{box-shadow:0 6px 12px rgba(0,0,0,.06),0 12px 20px rgba(0,0,0,.04)}.story-gradient-border{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#feca57);padding:3px;border-radius:9999px}.smooth-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.smooth-scale:hover{transform:scale(1.02)}.image-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.community-grid-desktop{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width:1280px){.community-grid-desktop{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.community-grid-desktop{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.community-grid-desktop{grid-template-columns:1fr;gap:1rem}}.scrollbar-subtle::-webkit-scrollbar{width:6px;height:6px}.scrollbar-subtle::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.scrollbar-subtle::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px}.scrollbar-subtle::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);pointer-events:none}.frosted-backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}.btn-glass{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.btn-glass:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-1px)}.btn-glass:active{transform:translateY(0)}.progress-glass{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.progress-glass-fill{background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,1));transition:width .3s ease}.badge-minimal{background:rgba(59,130,246,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.2);color:rgb(37,99,235)}.card-content-fade{position:relative;overflow:hidden}.card-content-fade:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9));pointer-events:none}@media (max-width:640px){.community-title{font-size:1.125rem;line-height:1.5rem}.community-text{font-size:.875rem;line-height:1.25rem}}