:root{--bg:#0b0817;--panel:#151029;--text:#f8f6ff;--muted:#b8b1cc;--violet:#b77cff;--mint:#5eead4;--telegram:#2aabee;--line:#30264e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 82% 5%,rgba(121,61,190,.24),transparent 30rem),radial-gradient(circle at 5% 60%,rgba(42,171,238,.07),transparent 24rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75}
.shell{width:min(920px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(11,8,23,.88);backdrop-filter:blur(14px)}
.topbar{position:relative;min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{font-weight:900;text-decoration:none;letter-spacing:.02em}.brand span{color:var(--violet)}
.nav{display:flex;align-items:center;gap:22px}.nav a{color:var(--muted);text-decoration:none;font-weight:700;font-size:.94rem}.nav a:hover,.nav a:focus-visible{color:var(--text)}.nav .nav-telegram{color:white;background:rgba(42,171,238,.16);border:1px solid rgba(42,171,238,.45);padding:9px 14px;border-radius:999px}.mobile-menu{display:none}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}
article{padding:70px 0 100px}.eyebrow{color:var(--mint);font-size:.88rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(2.7rem,7vw,5.4rem);line-height:1;letter-spacing:-.06em;margin:18px 0 26px}
.lead{font-size:1.25rem;color:var(--muted);max-width:760px;margin:0 0 48px}
.content{max-width:760px}.content h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.2;margin:48px 0 14px;letter-spacing:-.025em}.content p,.content li{font-size:1.05rem;color:#d5cfe3}.content a{color:var(--mint)}.content ul,.content ol{padding-left:24px}.content li{margin:7px 0}
.note{padding:22px 24px;border:1px solid var(--line);border-left:4px solid var(--mint);border-radius:14px;background:rgba(255,255,255,.025);margin:32px 0}
.cta{margin-top:58px;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(130deg,rgba(42,171,238,.14),rgba(183,124,255,.12))}.cta h2{margin:0 0 8px}.cta p{margin:0 0 22px}
.btn{display:inline-flex;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,var(--telegram),#1684c1);color:white!important;font-weight:850;text-decoration:none;box-shadow:0 12px 32px rgba(42,171,238,.22)}
footer{border-top:1px solid var(--line);padding:28px 0 100px;color:#8e87a4}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{color:var(--muted)}
.floating-telegram{position:fixed;right:22px;bottom:22px;z-index:30;background:linear-gradient(135deg,var(--telegram),#1684c1);color:white;text-decoration:none;font-weight:850;padding:14px 18px;border-radius:999px;box-shadow:0 15px 42px rgba(15,103,154,.46)}
@media(max-width:820px){.topbar>.nav{display:none}.mobile-menu{display:block}.mobile-menu summary{width:46px;height:46px;border:1px solid var(--line);border-radius:13px;display:grid;place-content:center;gap:5px;cursor:pointer;background:rgba(255,255,255,.035)}.mobile-menu summary span{display:block;width:20px;height:2px;border-radius:2px;background:var(--text);transition:.18s transform,.18s opacity}.mobile-menu[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu[open] summary span:nth-child(2){opacity:0}.mobile-menu[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;padding:12px;border:1px solid var(--line);border-radius:18px;background:#151029;box-shadow:0 24px 70px rgba(0,0,0,.5)}.mobile-nav a{padding:13px 14px;border-radius:11px;color:var(--text);font-weight:750;text-decoration:none}.mobile-nav a:hover,.mobile-nav a:focus-visible{background:rgba(255,255,255,.06)}.mobile-nav .nav-telegram{margin-top:6px;text-align:center;background:linear-gradient(135deg,var(--telegram),#1684c1)}}
@media(max-width:560px){.shell{width:min(100% - 28px,920px)}.brand{font-size:.94rem}.topbar{min-height:64px}article{padding-top:48px}h1{font-size:2.8rem}.floating-telegram{left:14px;right:14px;bottom:14px;text-align:center}}