@font-face{font-family:Inter;src:url('/fonts/inter-cyrillic.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;src:url('/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--orange:#ff6600;--ink:#fff;--muted:#bdbdbb;--surface:#242424;--radius:20px;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{background:#191a1b}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:radial-gradient(ellipse at 0 0,#42434470,transparent 65%),linear-gradient(130deg,#252627,#151617);min-height:100svh;isolation:isolate}body:before{content:"";position:fixed;inset:0;background:url('/grain.svg');opacity:.28;pointer-events:none;z-index:-1}main{max-width:560px;margin:auto;padding:44px 28px 28px}.brand{width:170px;height:auto;display:block;margin-left:-8px;filter:drop-shadow(0 6px 10px #0004)}.eyebrow{margin:24px 0 12px;font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#bebebb}h1{font-size:clamp(40px,10.8vw,66px);line-height:1.04;letter-spacing:-.065em;margin:0 0 22px;font-weight:800;text-shadow:0 4px 10px #0005}.intro{font-size:clamp(18px,4.7vw,25px);line-height:1.35;color:#c7c7c5;margin:0 0 32px;letter-spacing:-.035em}nav{display:grid;gap:14px}.card{position:relative;display:grid;grid-template-columns:62px 1fr 26px;gap:18px;align-items:center;min-height:110px;padding:21px 20px;border:1px solid #7778;border-radius:var(--radius);background:linear-gradient(120deg,#353536e8,#232324e8);color:var(--ink);text-decoration:none;box-shadow:inset 0 1px 0 #ffffff24,0 8px 14px #0005;transition:transform .25s var(--ease),border-color .25s,background .25s;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:url('/grain.svg');opacity:.1;pointer-events:none}.card:hover{transform:translateY(-3px);border-color:#c3c3c3;background:linear-gradient(120deg,#434344,#29292a)}.card:active{transform:translateY(1px)}.card:focus-visible{outline:3px solid #fff;outline-offset:5px}.icon{width:62px;height:62px;position:relative;flex-shrink:0}.instagram{display:grid;place-items:center;border-radius:17px;background:radial-gradient(circle at 28% 100%,#ffd96b 0,#fa7e1e 28%,#d62976 50%,#962fbf 75%,#4f5bd5 100%)}.instagram svg{width:45px;height:45px}.telegram{border-radius:50%;background:linear-gradient(145deg,#20c4fa,#008ed4);display:grid;place-items:center}.telegram svg{width:38px;height:38px}.copy{min-width:0;position:relative}.title{display:block;font-size:25px;line-height:1.15;font-weight:750;letter-spacing:-.04em}.description{display:block;margin-top:5px;color:#c3c3c1;font-size:17px;line-height:1.3;letter-spacing:-.03em}.arrow{width:25px;height:25px;transition:transform .25s var(--ease)}.card:hover .arrow{transform:translate(2px,-2px)}.website{border:1.5px solid var(--orange)}.website .title,.website .arrow{color:var(--orange)}.website .title{font-size:24px;white-space:nowrap}.website .icon{width:74px;margin-left:-6px;display:grid;place-items:center}.website .icon svg{width:80px;height:auto}.footer{margin:28px 0 0;color:var(--muted);font-size:15px;line-height:1.5;letter-spacing:-.02em}.legal{font-size:10px;line-height:1.55;color:#a9a9a6;margin:16px 0 0;max-width:410px}footer{padding-bottom:env(safe-area-inset-bottom)}@media(min-width:800px){main{padding-top:64px;padding-bottom:48px}.brand{width:190px}.card{min-height:118px}}@media(max-width:370px){main{padding:28px 20px 24px}.brand{width:145px}.card{grid-template-columns:50px 1fr 20px;padding:17px 14px;gap:12px;min-height:94px}.icon{width:50px;height:50px}.instagram svg{width:36px}.title{font-size:23px}.website .title{font-size:20px}.website .icon{width:58px}.website .icon svg{width:64px}.description{font-size:15px}.arrow{width:20px}.intro{margin-bottom:26px}.eyebrow{margin-top:18px}}
@media(prefers-reduced-motion:no-preference){header,nav,footer{animation:enter .65s var(--ease) both}nav{animation-delay:.08s}footer{animation-delay:.16s}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Finishing pass: keep the graphite quiet and give the domain its own space. */
body:before{opacity:.12}.website .title{font-size:clamp(18px,5vw,24px)}.website .description{font-size:15px}.website{column-gap:12px}.card:before{opacity:.035}
/* All three destinations share the same icon, text and arrow columns. */
.card{grid-template-columns:62px minmax(0,1fr) 26px;column-gap:20px;border-width:1px}
.website .icon{width:62px;height:62px;margin:0}.website .icon svg{width:62px;height:auto}
.website .title{color:var(--ink);font-size:clamp(18px,5vw,24px)}
.website .description{font-size:17px}
@media(max-width:370px){.card{grid-template-columns:50px minmax(0,1fr) 20px;column-gap:14px}.website .icon{width:50px;height:50px}.website .icon svg{width:50px}.website .title{font-size:18px}.website .description{font-size:15px}}
