:root{--bg: #f1f1f3;--bg-card: #fff;--text: #0f172a;--text2: #475569;--accent: #7c3aed;--accent2: #0ea5e9;--brd: rgba(124,58,237,.08);--sh: 0 1px 3px rgba(15,23,42,.04), 0 6px 24px rgba(15,23,42,.04);--shh: 0 4px 12px rgba(15,23,42,.06), 0 12px 40px rgba(15,23,42,.05);--r: 20px;--f: "Manrope", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--f);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;background-image:radial-gradient(circle,rgba(15,23,42,.08) 1.2px,transparent 1.4px),radial-gradient(circle,rgba(15,23,42,.035) .8px,transparent 1px);background-size:96px 96px,24px 24px;background-attachment:fixed,fixed}.container{max-width:1200px;margin:0 auto;padding:0 24px}a{color:inherit}.nav{position:sticky;top:0;z-index:100;background:#ffffffe6;backdrop-filter:blur(16px);border-bottom:1px solid var(--brd);padding:0 24px}.nav-inner{max-width:1200px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{display:flex;align-items:center;gap:12px}.logo{font-family:JetBrains Mono,monospace;font-weight:700;font-size:24px;letter-spacing:-.3px;text-decoration:none;color:var(--text);display:flex;align-items:baseline;gap:.04em;text-transform:uppercase}.logo .slash{color:var(--accent)}.brand-blog{font-family:var(--f);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#7c3aed1a;padding:4px 10px;border-radius:8px;text-decoration:none;transition:all .2s}.brand-blog:hover{background:#7c3aed2e}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{font-size:.88rem;font-weight:600;color:var(--text2);text-decoration:none;padding:6px 14px;border-radius:10px;transition:all .2s}.nav-links a:hover{color:var(--text);background:#7c3aed0f}.nav-links .btn-nav{background:transparent;color:var(--text);border:2px solid var(--text);padding:6px 16px;border-radius:10px;font-weight:700}.nav-links .btn-nav:hover{background:var(--text);color:#fff;box-shadow:0 4px 12px #0f172a26}.nav-burger{display:none;background:none;border:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;color:var(--text)}.nav-burger:hover{background:#7c3aed0f}.nav-burger svg{width:24px;height:24px}.nav-drawer{display:none;flex-direction:column;gap:4px;max-width:1200px;margin:0 auto;padding:8px 0 14px}.nav-drawer.active{display:flex}.nav-drawer a{font-size:1rem;font-weight:600;color:var(--text);text-decoration:none;padding:12px 14px;border-radius:10px;transition:all .2s}.nav-drawer a:hover{color:var(--accent);background:#7c3aed0f}.nav-drawer .drawer-site{color:var(--accent)}.site-footer{border-top:1px solid var(--brd);background:#fff;padding:48px 24px;margin-top:80px}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer-copy{font-size:.85rem;color:var(--text2)}.footer-col{display:flex;flex-direction:column;gap:8px;min-width:140px}.footer-col-title{font-size:.8rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.footer-col a{font-size:.9rem;color:var(--text2);text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--accent)}.footer-col--cats{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:8px}.footer-col--cats .footer-col-title{grid-column:1 / -1}.footer-socials{display:flex;flex-direction:column;align-items:flex-start}.footer-socials-cap{font-family:Caveat,cursive;font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:12px}.footer-socials-row{display:flex;gap:12px}.social-link{display:inline-flex;width:40px;height:40px;padding:10px;align-items:center;justify-content:center;border-radius:100px;border:1px solid var(--brd);background:transparent;color:var(--text2);text-decoration:none;transition:border-color .2s,color .2s,transform .2s}.social-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.social-link svg{width:18px;height:18px;display:block}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;font-family:var(--f);font-weight:600;font-size:.95rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#6d28d9;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--brd)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:768px){.nav-links{display:none}.nav-burger{display:inline-flex}.logo{font-size:20px}}.msg-popup-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:200;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.msg-popup-overlay.active{display:flex}.msg-popup{background:var(--bg-card,#fff);border-radius:20px;padding:32px;max-width:360px;width:90%;text-align:center;box-shadow:0 20px 60px #0003;position:relative}.msg-popup h3{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:var(--text)}.msg-popup p{font-size:.88rem;color:var(--text2);margin-bottom:24px}.msg-popup .close-popup{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text2);line-height:1}.msg-links{display:flex;flex-direction:column;gap:10px}.msg-link{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:14px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s;border:1px solid var(--brd)}.msg-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.msg-link svg{flex-shrink:0}.msg-link.tg{color:#229ed9}.msg-link.tg:hover{background:#229ed90f}.msg-link.max{color:#07f}.msg-link.max:hover{background:#0077ff0f}