:root{--ink:#25251e;--muted:#7c7a6b;--yellow:#ffca28;--green:#198b4b;--cream:#fffaf0;--line:#eee8d8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #dc9000;outline-offset:5px}.group-ribbon{padding:16px 18px;text-align:center;background:var(--yellow);font-size:11px;font-weight:750;letter-spacing:1.4px;border-bottom:1px solid #efbd21}.group-ribbon>span{margin:0 13px}.group-main{position:relative;padding:38px 22px 20px;background:radial-gradient(ellipse at 50% 17%,#ffefb3 0,transparent 57%)}.intro{display:flex;align-items:center;justify-content:center;gap:14px;color:#a29773;margin-bottom:24px}.intro p{font-size:9px;font-weight:600;letter-spacing:2.7px;margin:0}.intro-line{height:1px;width:37px;background:#ddcf9e}.invite-card{max-width:580px;margin:auto;background:#fff;border:1px solid #f2e9d4;border-radius:28px;box-shadow:0 16px 60px #aa84200c;text-align:center;padding:32px 45px 30px}.luh-logo{display:block;width:186px;height:186px;object-fit:contain;border-radius:50%;margin:0 auto 27px;box-shadow:0 0 0 7px #fff9e9}.vip-label{font-size:9px;font-weight:750;letter-spacing:1.5px;color:#aa8e43;display:flex;gap:7px;align-items:center;justify-content:center;margin:0 0 16px}.vip-label>span{color:#e2aa0c;font-size:15px}h1{font-size:39px;line-height:1.15;letter-spacing:-1.7px;margin:0;font-weight:800}h1>span{position:relative;color:#26874c;white-space:nowrap}.invite-copy{font-size:14px;color:var(--muted);line-height:1.8;max-width:350px;margin:21px auto 0}.category-tags{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:20px 0 28px}.category-tags>span{padding:4px 9px;border:1px solid #f0e8d4;background:#fffaf0;color:#9d8b58;border-radius:20px;font-size:9px}.whatsapp-button{display:flex;justify-content:center;align-items:center;gap:11px;width:100%;background:var(--green);color:white;text-decoration:none;border-radius:10px;padding:19px 15px;font-size:12px;font-weight:750;letter-spacing:.15px;box-shadow:0 6px 0 #126d39;transition:background .15s,transform .15s}.whatsapp-button:hover{background:#13773e;transform:translateY(-1px)}.whatsapp-button svg{flex-shrink:0}.button-arrow{font-size:19px;margin-left:auto}.whatsapp-button>span:first-of-type{flex:1}.button-caption{font-size:10px;color:#a4aa9c;margin:14px 0 0}.benefits{text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:21px 4px;display:grid;gap:17px}.benefits>div{display:flex;align-items:flex-start;gap:11px}.benefit-icon{background:#f2f6e8;color:#6c9857;min-width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:15px}.benefits p{font-size:11px;color:#909480;margin:0;line-height:1.7}.benefits strong{font-weight:650;color:#4b5844;font-size:12px}.catalog-button{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:23px;font-size:11px;color:#8b814f;text-decoration:none}.catalog-button:hover{text-decoration:underline;text-underline-offset:4px}.group-note{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px auto 12px;color:#aaa17f}.group-note>span{font-size:31px;color:#d9b954}.group-note p{font-size:10px;line-height:1.8}footer{text-align:center;max-width:590px;margin:auto;padding:18px 25px 35px;color:#aba58f}footer strong{font-size:12px;font-weight:600;color:#8f896f}footer p{font-size:9px;line-height:1.7;max-width:390px;margin:9px auto}footer small{font-size:9px;line-height:1.7;display:block;max-width:380px;margin:auto}footer a{font-size:10px;display:inline-block;margin-top:15px;color:#8a815c;text-decoration:none}@media(min-width:1000px){.group-main{padding-top:40px}.invite-card{padding-top:35px}}@media(max-width:600px){.group-ribbon{font-size:9px;letter-spacing:.6px;padding:13px 8px}.group-ribbon>span{margin:0 5px}.group-main{padding:25px 15px 12px}.intro{margin-bottom:21px}.invite-card{padding:27px 23px 26px;border-radius:23px}.luh-logo{width:164px;height:164px;margin-bottom:26px}h1{font-size:34px;letter-spacing:-1.3px}.invite-copy{font-size:13px;max-width:290px}.whatsapp-button{font-size:11px;padding:18px 12px;gap:8px}.category-tags{gap:5px;margin-bottom:25px}.category-tags>span{padding:4px 7px;font-size:8px}.vip-label{font-size:8px;letter-spacing:1.1px}.benefits{padding:19px 0}.catalog-button{font-size:10px}.group-note{margin-top:21px}}@media(max-width:350px){.invite-card{padding-left:17px;padding-right:17px}h1{font-size:30px}.whatsapp-button{font-size:10px}.button-arrow{display:none}}@media(prefers-reduced-motion:reduce){.whatsapp-button{transition:none}}
:root .whatsapp-button{animation:group-button-pulse 1.6s ease-in-out infinite}
@keyframes group-button-pulse{0%,100%{box-shadow:0 6px 0 #126d39,0 0 0 0 #198b4b00}50%{background:#21a65a;box-shadow:0 6px 0 #126d39,0 0 0 9px #198b4b25}}
@media(prefers-reduced-motion:reduce){:root .whatsapp-button{animation:none}}
:root .whatsapp-button>span:first-of-type{font-size:17px;line-height:1.3;font-weight:800}
@media(max-width:600px){:root .whatsapp-button>span:first-of-type{font-size:15px}}
@media(max-width:380px){:root .whatsapp-button>span:first-of-type{font-size:13px}}
:root .whatsapp-button{padding:14px 12px}
@media(max-width:600px){:root .whatsapp-button{padding:13px 10px}}
:root .category-tags{gap:8px}
:root .category-tags>span{padding:7px 13px;font-size:12px;font-weight:600}
@media(max-width:600px){:root .category-tags>span{padding:6px 11px;font-size:11px}}
