:root{--text:#f7f3ea;--muted:#aaa79f;--gold:#d5b06c;--gold-light:#f0d7a5;--line:rgba(255,255,255,.11);--whatsapp:#25d366;--max-width:620px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(rgba(8,9,12,.76),rgba(8,9,12,.94)),url("../images/background.jpg") center top/cover fixed,#090a0d}.background-overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -5%,rgba(213,176,108,.20),transparent 38%)}.page{position:relative;width:min(calc(100% - 32px),var(--max-width));margin:auto;padding:56px 0 40px}.hero{text-align:center;margin-bottom:30px}.brand-mark{width:76px;height:76px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(213,176,108,.48);color:var(--gold-light);font-family:Georgia,serif;font-size:24px}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.26em}h1{margin:0;font-family:Georgia,serif;font-size:clamp(34px,8vw,48px);font-weight:500;line-height:1.02}.intro{max-width:490px;margin:16px auto 0;color:var(--muted);font-size:15px;line-height:1.62}.groups-panel{padding:14px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 26px 80px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.search-box{position:relative;margin-bottom:12px}.search-box>svg{position:absolute;left:17px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:#aaa79f;stroke-width:1.8}.search-box input{width:100%;height:52px;padding:0 16px 0 46px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.2);color:var(--text);font:inherit;outline:none}.group-list{display:grid;gap:10px}.group-button,.extra-button{display:flex;align-items:center;color:var(--text);text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.065);transition:.18s ease}.group-button{min-height:72px;gap:14px;padding:12px 14px;border-radius:18px}.group-button:hover,.extra-button:hover{transform:translateY(-2px);background:rgba(255,255,255,.105);border-color:rgba(213,176,108,.34)}.location-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--gold-light);background:rgba(213,176,108,.09)}.location-icon svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.group-text,.extra-text{flex:1;min-width:0}.group-text strong,.extra-text strong{display:block}.group-text small,.extra-text small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.whatsapp-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#0a1510;background:var(--whatsapp)}.whatsapp-icon svg{width:20px;fill:currentColor}.no-results{display:none;flex-direction:column;padding:30px;text-align:center;color:var(--muted)}.extra-links{display:grid;gap:9px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.extra-title{margin:0 0 3px 5px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.22em}.extra-button{min-height:62px;gap:13px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.035)}.extra-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--gold-light);background:rgba(213,176,108,.1)}.extra-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.extra-icon .fill-icon{fill:currentColor;stroke:none}.spotify{color:#1ed760}.youtube{color:#ff0033}.whatsapp-contact{color:#25d366}.whatsapp-contact svg{fill:currentColor;stroke:none}.extra-arrow{color:var(--gold);font-size:25px}.security-note{padding:20px 7px 3px;color:#8b8982;font-size:11px}footer{text-align:center;padding:28px;color:#77756f;font-size:11px}footer em{display:block;margin-top:8px;color:#9b978d;font-family:Georgia,serif;font-size:13px}@media(max-width:520px){body{background-attachment:scroll}.page{width:calc(100% - 22px);padding-top:38px}.groups-panel{padding:10px}.group-button{min-height:68px;padding:11px 12px}}