:root{--bg:#07080c;--bg-2:#0b0d13;--panel:#0c0e15;--txt:#eef1f7;--muted:#98a1b2;--muted-2:#6d7788;--violet:#7c5cff;--violet-2:#a78bfa;--cyan:#22d3ee;--green:#4ade80;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.16);--radius:22px;--max:1180px;--font:"Inter" , "SF Pro Display" , -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , sans-serif;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url("bg-page.svg") 66% 42%/cover no-repeat;opacity:.95}body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(95% 75% at 72% 6%,rgba(7,8,12,0) 0%,rgba(7,8,12,.22) 55%,rgba(7,8,12,.62) 100%) , linear-gradient(104deg,rgba(7,8,12,.78) 0%,rgba(7,8,12,.46) 36%,rgba(7,8,12,.1) 62%,rgba(7,8,12,.2) 100%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.14;letter-spacing:-.03em;font-weight:700}p{margin:0}button{font-family:inherit}::selection{background:rgba(124,92,255,.38)}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(7,8,12,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}.logo{display:flex;align-items:center;gap:11px;font-weight:700;font-size:1.16rem;letter-spacing:.16em}.logo-img{height:46px;width:auto;filter:drop-shadow(0 6px 16px rgba(124,92,255,.55));transition:transform .3s var(--ease) , filter .3s}.logo:hover .logo-img{transform:translateY(-1px) scale(1.03);filter:drop-shadow(0 10px 22px rgba(124,92,255,.7))}.logo b{font-weight:700;font-size:1.28rem;letter-spacing:.1em}.logo span small{display:block;font-size:.66rem;letter-spacing:.2em;color:#929cb0;font-weight:500;white-space:nowrap}nav.links{display:flex;gap:6px}nav.links a{padding:9px 14px;border-radius:100px;font-size:.92rem;color:var(--muted);font-weight:500;transition:color .22s , background .22s}nav.links a:hover{color:#fff;background:rgba(255,255,255,.06)}nav.links a[aria-current]{color:#fff;background:rgba(124,92,255,.16);box-shadow:inset 0 0 0 1px rgba(139,107,255,.32)}.nav-right{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:100px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease) , box-shadow .3s , background .25s , border-color .25s}.btn svg{width:17px;height:17px;flex:none}.btn-primary{background:linear-gradient(103deg,#8b6bff,#6d4cff 55%,#22d3ee 130%);color:#fff;box-shadow:0 16px 40px -18px rgba(124,92,255,.95)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px -18px rgba(124,92,255,1)}.btn-ghost{background:rgba(255,255,255,.05);border-color:var(--line-strong);color:#e8ecf6}.btn-ghost:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.btn-sm{padding:11px 18px;font-size:.86rem}.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line-strong);background:rgba(255,255,255,.05);cursor:pointer;padding:0;place-items:center;gap:4px}.burger span{display:block;width:16px;height:2px;border-radius:2px;background:#e8ecf6;margin:0 auto}.mobile-menu{display:none;position:fixed;top:76px;left:0;right:0;z-index:59;flex-direction:column;padding:8px 18px 22px;background:rgba(7,8,12,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}body.nav-open .mobile-menu{display:flex}.mobile-menu a{padding:14px 4px;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-menu .btn{margin-top:16px;border-bottom:none}footer{margin-top:clamp(60px,9vw,110px);padding:clamp(44px,6vw,72px) 0 34px;border-top:1px solid var(--line);background:rgba(5,6,10,.55)}.foot-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr;gap:34px}.foot-grid p{color:var(--muted);font-size:.92rem;margin-top:16px;max-width:330px}.foot-col h4{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:600}.foot-col a{display:block;color:var(--muted);font-size:.92rem;margin-top:11px;transition:color .2s}.foot-col a:hover{color:#fff}.socials{display:flex;gap:10px}.socials a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);transition:transform .25s var(--ease) , box-shadow .3s}.socials a:hover{transform:translateY(-3px)}.socials svg{width:19px;height:19px}.socials a.s-tg{background:linear-gradient(150deg,#37bdf5,#1e93d8 60%,#1477b5)}.socials a.s-max{background:linear-gradient(150deg,#4d7cff,#6f6bff 52%,#a855f7)}.socials a.s-wa{background:linear-gradient(150deg,#5fe07e,#25d366 55%,#12a150)}.socials a.s-mail{background:linear-gradient(150deg,#9aa4b8,#6b7280 55%,#4b5563)}.foot-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted-2);font-size:.82rem}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:100px;border:1px solid var(--line-strong);background:rgba(255,255,255,.04);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#c9d0de;font-weight:600}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(74,222,128,.14)}.grad-text{background:linear-gradient(100deg,#fff 6%,var(--violet-2) 46%,var(--cyan) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.blog-head{padding-top:clamp(120px,15vw,168px);padding-bottom:clamp(30px,4vw,50px)}.blog-head h1{font-size:clamp(2.1rem,5vw,3.4rem);margin-top:22px;max-width:820px}.blog-head .lead{margin-top:20px;max-width:560px;color:var(--muted);font-size:1.04rem}.blog-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.filter{padding:9px 16px;border-radius:100px;border:1px solid var(--line-strong);background:rgba(255,255,255,.04);color:var(--muted);font-size:.86rem;font-weight:500;cursor:pointer;transition:.22s}.filter:hover{color:#fff;border-color:rgba(167,139,250,.4)}.filter.on{background:linear-gradient(100deg,rgba(124,92,255,.85),rgba(34,211,238,.7));border-color:transparent;color:#fff}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(26px,4vw,40px)}.post-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background-color:rgba(9,11,17,.74);transition:transform .35s var(--ease) , border-color .3s , box-shadow .35s}.post-card[hidden]{display:none!important}.post-card:hover{transform:translateY(-5px);border-color:rgba(167,139,250,.35);box-shadow:0 34px 70px -34px rgba(0,0,0,.9)}.post-card .cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b0d13}.post-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.post-card:hover .cover img{transform:scale(1.05)}.post-card .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,11,0) 42%,rgba(6,7,11,.78) 100%)}.post-tag{position:absolute;left:14px;top:14px;z-index:2;padding:6px 12px;border-radius:100px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;background:rgba(10,12,18,.78);border:1px solid rgba(167,139,250,.42);color:#cbb9ff;backdrop-filter:blur(8px)}.post-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.post-body h3{font-size:1.12rem;line-height:1.32}.post-body p{margin-top:10px;color:var(--muted);font-size:.9rem;line-height:1.55}.post-meta{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:10px;color:var(--muted-2);font-size:.76rem;letter-spacing:.04em}.post-meta i{width:4px;height:4px;border-radius:50%;background:var(--muted-2)}.read-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:var(--violet-2);font-size:.86rem;font-weight:600}.read-more svg{width:15px;height:15px;transition:transform .25s}.post-card:hover .read-more svg{transform:translateX(3px)}.blog-empty{padding:40px;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);text-align:center}.article{max-width:820px;margin:0 auto;padding-top:clamp(104px,13vw,146px)}.article .wrap{background:linear-gradient(180deg,rgba(8,9,14,.9),rgba(8,9,14,.86));border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.4vw,46px);box-shadow:0 40px 90px -50px rgba(0,0,0,.95)}.crumbs{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted-2)}.crumbs a:hover{color:#fff}.article h1{font-size:clamp(1.7rem,3.2vw,2.45rem);margin-top:20px;line-height:1.16}.article .meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px;color:var(--muted-2);font-size:.84rem}.article .meta .dot{width:4px;height:4px;border-radius:50%;background:var(--muted-2)}.article .meta .tag{padding:5px 11px;border-radius:100px;border:1px solid rgba(167,139,250,.42);color:#cbb9ff;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.article .intro{margin-top:24px;font-size:1.1rem;color:#c6cddb;line-height:1.6}.article figure{margin:clamp(28px,4vw,44px) 0}.article figure img{width:100%;border-radius:18px;border:1px solid var(--line);background:#0b0d13}.article figcaption{margin-top:12px;font-size:.84rem;color:var(--muted-2);line-height:1.5;padding-left:14px;border-left:2px solid rgba(124,92,255,.5)}.article h2{font-size:clamp(1.35rem,2.6vw,1.75rem);margin:clamp(34px,5vw,50px) 0 0}.article h3{font-size:1.16rem;margin:28px 0 0}.article p{margin-top:16px;color:#d5dae5}.article p strong{color:#fff}.article ul,.article ol{margin:16px 0 0;padding-left:22px;color:#d5dae5}.article li{margin-top:9px}.article li::marker{color:var(--violet-2)}.article blockquote{margin:26px 0 0;padding:20px 24px;border-radius:16px;border:1px solid rgba(139,107,255,.3);border-left:3px solid var(--violet);background:linear-gradient(100deg,rgba(124,92,255,.14),rgba(34,211,238,.05));color:#e6eaf4;font-size:1.02rem}.article .note{margin-top:24px;padding:18px 20px;border-radius:16px;border:1px dashed var(--line-strong);background:rgba(255,255,255,.03);font-size:.92rem;color:var(--muted)}.article .toc{margin-top:28px;padding:20px 22px;border-radius:16px;border:1px solid var(--line);background-color:rgba(9,11,17,.7)}.article .toc b{display:block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.article .toc a{display:block;margin-top:10px;color:#c6cddb;font-size:.94rem}.article .toc a:hover{color:var(--violet-2)}.article-foot{margin-top:clamp(40px,6vw,64px);padding-top:26px;border-top:1px solid var(--line)}.author{display:flex;gap:16px;align-items:center}.author img{width:56px;height:auto;filter:drop-shadow(0 8px 20px rgba(124,92,255,.5))}.author b{display:block;font-size:1rem}.author span{color:var(--muted);font-size:.88rem}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.post-nav a{padding:18px 20px;border-radius:16px;border:1px solid var(--line);background-color:rgba(9,11,17,.7);transition:border-color .25s , transform .25s var(--ease)}.post-nav a:hover{border-color:rgba(167,139,250,.4);transform:translateY(-3px)}.post-nav small{display:block;color:var(--muted-2);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.post-nav b{display:block;margin-top:7px;font-size:.95rem;line-height:1.35}.cta-strip{margin-top:clamp(34px,5vw,52px);padding:clamp(24px,3.4vw,34px);border-radius:22px;border:1px solid rgba(139,107,255,.35);background:radial-gradient(120% 140% at 8% 0%,rgba(124,92,255,.3),transparent 58%) , rgba(9,11,17,.85);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.cta-strip b{font-size:1.1rem}.cta-strip p{color:var(--muted);font-size:.9rem;margin-top:6px}.editor-head{padding-top:clamp(112px,13vw,150px);padding-bottom:26px}.editor-head h1{font-size:clamp(1.9rem,4vw,2.8rem);margin-top:18px}.editor-head p{margin-top:14px;color:var(--muted);max-width:620px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:26px}.panel{border-radius:20px;border:1px solid var(--line);background-color:rgba(9,11,17,.82);padding:22px}.panel h2{font-size:1rem;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel h2 span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:600}.field{margin-top:16px}.field label{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:600;margin-bottom:7px}.input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line-strong);background:rgba(255,255,255,.04);color:#eef1f7;font-family:inherit;font-size:.95rem;line-height:1.5;transition:border-color .2s , background .2s}.input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(167,139,250,.6);background:rgba(255,255,255,.07)}textarea{resize:vertical;min-height:92px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;border-radius:14px;border:1px dashed var(--line-strong);background:rgba(255,255,255,.03);color:var(--muted);font-size:.86rem;cursor:pointer;text-align:center;transition:.22s}.drop:hover,.drop.over{border-color:rgba(167,139,250,.65);background:rgba(124,92,255,.12);color:#dfe4ef}.drop b{color:#fff;font-size:.92rem}.field .drop{text-transform:none;letter-spacing:0;font-size:.86rem;font-weight:400;color:var(--muted);margin-bottom:0;display:flex}.field .drop b{font-size:.94rem;letter-spacing:0}.drop img{width:100%;border-radius:10px;margin-top:4px}.blocks{margin-top:18px;display:grid;gap:12px}.block{border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:14px}.block-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.block-top strong{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}.block-tools{display:flex;gap:6px}.icon-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--line-strong);background:rgba(255,255,255,.04);color:#c6cddb;cursor:pointer;display:grid;place-items:center;font-size:.82rem;line-height:1;padding:0;transition:.2s}.icon-btn:hover{background:rgba(255,255,255,.12);color:#fff}.icon-btn.danger:hover{background:rgba(255,80,80,.18);border-color:rgba(255,90,90,.5);color:#ffb3b3}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hintline{font-size:.8rem;color:var(--muted-2);margin-top:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:90;padding:12px 20px;border-radius:100px;background:rgba(18,20,30,.96);border:1px solid rgba(139,107,255,.45);font-size:.88rem;color:#eef1f7;opacity:0;pointer-events:none;transition:.3s var(--ease);box-shadow:0 20px 50px -20px rgba(0,0,0,.9)}.toast.show{opacity:1;transform:translate(-50%,0)}.preview-panel{position:sticky;top:96px}.preview-frame{border-radius:16px;border:1px solid var(--line);background:#07080c;padding:22px;max-height:min(72vh,900px);overflow:auto}.preview-frame h1{font-size:1.6rem;line-height:1.2}.preview-frame .meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted-2);font-size:.78rem;margin-top:10px}.preview-frame .intro{margin-top:14px;color:#c6cddb;font-size:.95rem}.preview-frame h2{font-size:1.2rem;margin-top:24px}.preview-frame p{margin-top:12px;color:#d5dae5;font-size:.94rem;white-space:pre-wrap}.preview-frame figure{margin:18px 0}.preview-frame figure img{width:100%;border-radius:12px;border:1px solid var(--line)}.preview-frame figcaption{margin-top:8px;font-size:.8rem;color:var(--muted-2);padding-left:10px;border-left:2px solid rgba(124,92,255,.5)}.preview-empty{color:var(--muted-2);font-size:.9rem;text-align:center;padding:40px 10px}@media (max-width:1080px){.post-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr;gap:28px}.editor-grid{grid-template-columns:1fr}.preview-panel{position:static}}@media (max-width:820px){nav.links{display:none}.burger{display:grid}.nav-right .btn{display:none}.logo-img{height:38px}body::before{background-position:72% 30%;opacity:.85}.post-nav{grid-template-columns:1fr}}@media (max-width:640px){body{font-size:16px}.wrap{padding:0 18px}.post-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column}.row2{grid-template-columns:1fr}.article .wrap{padding:18px 16px;border-radius:20px}.article h1{font-size:1.5rem}.actions .btn{width:100%}body::before{background-position:64% 18%;background-size:auto 135%;opacity:.8}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}