@charset "UTF-8";
:root{color-scheme:dark;--bg:#101113;--ink:#f8f8f9;--muted:#a9abad;--line:#2c2e31;--green:#b9ff67;--cyan:#5ce8e5}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% -30%,#20322f 0,transparent 55%);font-size:15px;line-height:1.6}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff14 .6px,transparent .6px);background-size:20px 20px;mask-image:linear-gradient(#0006,transparent 65%);z-index:-1}
main{width:min(100% - 40px,548px);margin:auto;padding:44px 0 28px}
.brand{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:15px;font-weight:650;letter-spacing:.1px}
.brand img{object-fit:cover;border-radius:50%;width:108px;height:108px;box-shadow:0 0 0 1px #ffffff10}
.intro{text-align:center;margin-top:36px}
.eyebrow{font-size:10px;letter-spacing:1.7px;color:#b5c0ba;font-weight:650;margin:0 0 15px;display:flex;align-items:center;justify-content:center;gap:8px}
.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--green)}
h1{font-size:clamp(34px,6.7vw,47px);line-height:1.12;letter-spacing:-1.8px;font-weight:750;margin:0}
h1 span{color:#b8babb}
.lead{font-size:16px;color:var(--muted);line-height:1.65;max-width:425px;margin:20px auto 27px}
.channels{display:grid;gap:12px}
.channel{display:flex;align-items:center;gap:16px;text-align:left;text-decoration:none;padding:19px 23px;border-radius:16px;min-height:88px;transition:transform .18s,background-color .18s;cursor:pointer}
.channel:hover{transform:translateY(-2px)}
.channel:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.channel-icon{width:32px;height:32px;flex-shrink:0}
.channel-copy{display:flex;flex-direction:column;line-height:1.5}
.channel-copy strong{font-size:18px;font-weight:750;letter-spacing:-.3px}
.channel-copy>span{font-size:12px}
.whatsapp{background:var(--green);color:#17200d;border:1px solid var(--green)}
.whatsapp:hover{background:#caff8f}
.whatsapp .channel-copy>span{color:#354526}
.telegram{background:#1d2023;border:1px solid #353a3f;color:var(--ink)}
.telegram .channel-icon{color:var(--cyan)}
.telegram:hover{background:#252a2d}
.telegram .channel-copy>span{color:#afb5bb}
.arrow{margin-left:auto;font-size:25px;font-weight:350;line-height:1}
.entry-note{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#909698;margin:17px 0 0}
.entry-note svg{color:#a6c88d;width:14px;height:14px}
.entry-note>span{margin:0 3px}
.preview-note{font-size:11px;line-height:1.5;color:#ddb578;background:#332b1e;padding:9px 15px;border-radius:8px;margin-top:18px}
.about{margin-top:38px;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:#c5c8ca;font-size:12px;font-weight:550}
summary::-webkit-details-marker{display:none}
summary>span{font-size:20px;line-height:1;font-weight:300;color:#8f9599}
details[open] summary>span{transform:rotate(45deg)}
.detail-content{font-size:12px;line-height:1.8;color:#a7adb1;padding:0 0 13px}
.detail-content p{margin:0 0 10px}
.detail-content a{color:#d0e8dd;overflow-wrap:anywhere;text-underline-offset:3px}
footer{text-align:center;padding-top:29px;color:#777f84;font-size:10px;line-height:1.7}
.footer-brand{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:650;color:#a2a8ab}
footer p{margin:8px 0 0}
@media(max-width:420px){main{width:calc(100% - 40px);padding-top:30px}.brand img{width:88px;height:88px}.brand{gap:11px;font-size:14px}.intro{margin-top:28px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{letter-spacing:-1.4px}.lead{font-size:14px;margin:17px auto 24px}.channel{padding:17px 18px;gap:12px;min-height:82px}.channel-copy strong{font-size:17px}.channel-copy>span{font-size:11px}.about{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.channel{transition:none}.channel:hover{transform:none}}