.group-detail-page{--group-detail-gold: #FACE1D;--group-detail-gold-dark: #C99F14;--group-detail-charcoal: #1a1525;--group-detail-charcoal-light: #2a2640;--group-detail-purple-dark: #362952;--group-detail-cream: #FDFBF7;--group-detail-font-display: var(--public-font-display);--group-detail-font-body: var(--public-font-body);--group-detail-ease: cubic-bezier(.25, .46, .45, .94)}.group-detail-page{min-height:100vh;background:var(--group-detail-cream)}.group-detail-hero{position:relative;padding:8rem 2rem 4rem;overflow:hidden;background:linear-gradient(135deg,var(--group-detail-charcoal) 0%,var(--group-detail-purple-dark) 50%,var(--group-detail-charcoal-light) 100%)}@media(min-width:768px){.group-detail-hero{padding:10rem 2rem 5rem}}.group-detail-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(250,206,29,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(139,92,246,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 90% 30%,rgba(124,58,237,.18) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(147,51,234,.15) 0%,transparent 50%);pointer-events:none}.group-detail-hero-grain{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:soft-light}.group-detail-hero-decoration{position:absolute;border-radius:50%;border:1px solid rgba(139,92,246,.12);pointer-events:none}.group-detail-hero-decoration-1{width:400px;height:400px;top:-150px;right:-100px}.group-detail-hero-decoration-2{width:250px;height:250px;bottom:-80px;left:-60px}.group-detail-hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto;text-align:center}.group-detail-back-link{position:absolute;top:5.5rem;left:1.5rem;z-index:20;display:inline-flex;align-items:center;gap:.375rem;font-family:var(--group-detail-font-body);font-size:.875rem;color:var(--group-detail-gold);text-decoration:none;transition:opacity .2s;animation:groupDetailFadeInUp .6s var(--group-detail-ease) both}@media(min-width:768px){.group-detail-back-link{top:6rem;left:2rem}}.group-detail-back-link:hover{opacity:.8}.group-detail-back-link svg{width:16px;height:16px}.group-detail-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#face1d26;border:1px solid rgba(250,206,29,.3);border-radius:20px;margin-bottom:1.5rem;animation:groupDetailFadeInDown .8s var(--group-detail-ease)}.group-detail-hero-icon svg{width:36px;height:36px;color:var(--group-detail-gold)}.group-detail-hero-title{font-family:var(--group-detail-font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem;text-transform:capitalize;animation:groupDetailFadeInUp .8s var(--group-detail-ease) .1s both}.group-detail-hero-title span{color:var(--group-detail-gold)}.group-detail-hero-subtitle{font-family:var(--group-detail-font-body);font-size:1.125rem;line-height:1.7;color:#fff9;text-transform:capitalize;animation:groupDetailFadeInUp .8s var(--group-detail-ease) .2s both}.group-detail-tabs-wrapper{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:64px;z-index:30;overflow-x:auto;-webkit-overflow-scrolling:touch}.group-detail-tabs{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;gap:.5rem}@media(min-width:768px){.group-detail-tabs{padding:0 2rem}}.group-detail-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:transparent;border:none;font-family:var(--group-detail-font-body);font-size:.9rem;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s var(--group-detail-ease)}.group-detail-tab:hover{color:var(--group-detail-purple-dark)}.group-detail-tab.active{color:var(--group-detail-purple-dark);border-bottom-color:var(--group-detail-gold)}.group-detail-tab svg{width:18px;height:18px}.group-detail-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#8b5cf61a;border-radius:10px;font-size:.75rem;font-weight:600;color:var(--group-detail-purple-dark)}.group-detail-tab.active .group-detail-tab-count{background:var(--group-detail-gold);color:var(--group-detail-charcoal)}.group-detail-container{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}@media(min-width:768px){.group-detail-container{padding:3rem 2rem 5rem}}.group-detail-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.group-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.group-detail-grid{grid-template-columns:repeat(3,1fr)}}.group-detail-card{background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px #0000000a;overflow:hidden;transition:all .3s var(--group-detail-ease);animation:groupDetailFadeInUp .6s var(--group-detail-ease) both}.group-detail-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:#face1d4d}.group-detail-card-photo{aspect-ratio:3/4;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);display:flex;align-items:center;justify-content:center;overflow:hidden}.group-detail-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--group-detail-ease)}.group-detail-card:hover .group-detail-card-photo img{transform:scale(1.05)}.group-detail-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf614,#7c3aed0d)}.group-detail-card-placeholder.hidden{display:none}.group-detail-card-placeholder svg{width:80px;height:80px;color:#ccc}.group-detail-card-body{padding:1.5rem}.group-detail-card-post{display:inline-block;padding:.375rem .875rem;background:linear-gradient(135deg,#8b5cf61f,#7c3aed14);border-radius:100px;font-family:var(--group-detail-font-body);font-size:.75rem;font-weight:600;color:var(--group-detail-purple-dark);margin-bottom:.875rem}.group-detail-card-name{font-family:var(--group-detail-font-display);font-size:1.25rem;font-weight:600;color:var(--group-detail-charcoal);margin-bottom:.75rem;line-height:1.3;text-transform:capitalize}.group-detail-card-contact{padding-top:.875rem;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:.625rem}.group-detail-card-link{display:flex;align-items:center;gap:.5rem;font-family:var(--group-detail-font-body);font-size:.85rem;color:#666;text-decoration:none;transition:color .3s var(--group-detail-ease);word-break:break-all}.group-detail-card-link:hover{color:var(--group-detail-gold-dark)}.group-detail-card-link svg{width:16px;height:16px;flex-shrink:0}.group-detail-events-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.group-detail-events-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.group-detail-events-grid{grid-template-columns:repeat(3,1fr)}}.group-detail-event-card{display:block;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px #0000000a;overflow:hidden;text-decoration:none;transition:all .3s var(--group-detail-ease);animation:groupDetailFadeInUp .6s var(--group-detail-ease) both}.group-detail-event-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:#face1d4d}.group-detail-event-image{aspect-ratio:16/9;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);overflow:hidden}.group-detail-event-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--group-detail-ease)}.group-detail-event-card:hover .group-detail-event-image img{transform:scale(1.05)}.group-detail-event-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf614,#7c3aed0d)}.group-detail-event-placeholder svg{width:48px;height:48px;color:#ccc}.group-detail-event-body{padding:1.25rem}.group-detail-event-date{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--group-detail-font-body);font-size:.8rem;color:var(--group-detail-gold-dark);margin-bottom:.5rem}.group-detail-event-date svg{width:14px;height:14px}.group-detail-event-title{font-family:var(--group-detail-font-display);font-size:1.125rem;font-weight:600;color:var(--group-detail-charcoal);line-height:1.4;margin-bottom:.5rem}.group-detail-event-desc{font-family:var(--group-detail-font-body);font-size:.875rem;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem}.group-detail-spinner{width:48px;height:48px;border:3px solid rgba(0,0,0,.08);border-top-color:var(--group-detail-gold);border-radius:50%;animation:groupDetailSpin .8s linear infinite}.group-detail-loading-text{margin-top:1.25rem;font-family:var(--group-detail-font-body);font-size:.95rem;color:#666}.group-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;text-align:center}.group-detail-error-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.group-detail-error-icon svg{width:32px;height:32px;color:#ef4444}.group-detail-error-title{font-family:var(--group-detail-font-body);font-size:1.125rem;font-weight:600;color:var(--group-detail-charcoal);margin-bottom:.5rem}.group-detail-error-message{font-family:var(--group-detail-font-body);font-size:.9rem;color:#666;margin-bottom:1.5rem}.group-detail-retry-btn{padding:.75rem 1.5rem;background:var(--group-detail-gold);color:var(--group-detail-charcoal);font-family:var(--group-detail-font-body);font-size:.9rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s var(--group-detail-ease)}.group-detail-retry-btn:hover{background:var(--group-detail-gold-dark);transform:translateY(-2px);box-shadow:0 8px 24px #face1d40}.group-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;text-align:center}.group-detail-empty-icon{width:64px;height:64px;background:#0000000a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#bbb}.group-detail-empty-icon svg{width:32px;height:32px}.group-detail-empty-text{font-family:var(--group-detail-font-body);font-size:.95rem;color:#888}@keyframes groupDetailFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes groupDetailFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes groupDetailSpin{to{transform:rotate(360deg)}}