.sf3-blog{color:#0e0b1a;font-family:var(--font-geist),ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:#fff;margin:0;display:flow-root}.sf3-blog *{box-sizing:border-box}.sf3-blog a{color:#4a2dd6;text-decoration:none}.sf3-blog a:hover{color:#2f1a9e}.sf3-blog ::selection{color:#fff;background:#6a48f5}.sf3-blog :focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #6a48f5}.sf3-blog h1,.sf3-blog h2,.sf3-blog h3{text-wrap:balance}.sf3-blog .wrap{max-width:1280px;margin:0 auto;padding:0 40px}.sf3-blog .btn{height:44px;font:500 15px/1 var(--font-geist),ui-sans-serif,sans-serif;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 18px;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.sf3-blog .btn:active{transform:translateY(1px)}.sf3-blog .b-soft{color:#0e0b1a;background:#efedf5}.sf3-blog .b-soft:hover{color:#0e0b1a;background:#e4e0ef}.sf3-blog .cats{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.sf3-blog .cat-b{font:500 15px/1 var(--font-geist),ui-sans-serif,sans-serif;color:#4a4560;cursor:pointer;background:#f3f1fa;border:0;border-radius:999px;padding:10px 16px;transition:background .18s,color .18s}.sf3-blog .cat-b:hover{color:#0e0b1a;background:#ece8ff}.sf3-blog .cat-b.on{color:#fff;background:#0e0b1a}.sf3-blog .feat{color:#0e0b1a;background:#f3f1fa;border-radius:32px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:40px;margin-top:44px;padding:28px;text-decoration:none;transition:background .2s;display:grid}.sf3-blog .feat:hover{color:#0e0b1a;background:#ece8ff}.sf3-blog .fcover{aspect-ratio:16/10;background:#130a33;border-radius:22px;position:relative;overflow:hidden}.sf3-blog .fcover img{border-radius:12px;width:86%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-14%;right:-8%;transform:rotate(-5deg);box-shadow:0 24px 50px #00000073}.sf3-blog .feat:hover .fcover img{transform:rotate(-2deg)translateY(-6px)}.sf3-blog .posts{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:28px 20px;margin-top:48px;display:grid}.sf3-blog .post{color:#0e0b1a;flex-direction:column;gap:12px;text-decoration:none;display:flex}.sf3-blog .post:hover{color:#0e0b1a}.sf3-blog .cover{aspect-ratio:16/10;border-radius:20px;align-items:flex-end;padding:20px;display:flex;position:relative;overflow:hidden}.sf3-blog .cover img{border-radius:10px;width:82%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-18%;right:-12%;transform:rotate(-6deg);box-shadow:0 18px 40px #0a062059}.sf3-blog .post:hover .cover img{transform:rotate(-3deg)translateY(-6px)}.sf3-blog .tag{color:#0e0b1a;background:#ffffffeb;border-radius:7px;align-items:center;height:28px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.sf3-blog .post h3{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:600;line-height:1.25}.sf3-blog .post p{color:#5b5670;margin:0;font-size:16px;line-height:1.45}.sf3-blog .meta{color:#6f6888;font-size:14px}.sf3-blog .empty{text-align:center;color:#5b5670;background:#f3f1fa;border-radius:24px;margin-top:48px;padding:40px;font-size:17px}.sf3-blog .news{color:#f4f2ff;background:#130a33;border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:96px;padding:48px;display:flex}@keyframes rise{0%{transform:translateY(16px)}}.sf3-blog .rise{animation:.7s cubic-bezier(.16,1,.3,1) both rise}@media (max-width:900px){.sf3-blog .feat{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.sf3-blog .wrap{padding:0 20px}.sf3-blog .news{padding:28px}}@media (prefers-reduced-motion:reduce){.sf3-blog .rise{animation:none}.sf3-blog .cover img,.sf3-blog .fcover img{transition:none}}.sf3-blog .b-dark{color:#fff;background:#0e0b1a}.sf3-blog .b-dark:hover{color:#fff;background:#2a2540}.sf3-blog .foot{background:#f3f1fa;border-radius:32px;margin:0 24px 24px;padding:56px 56px 36px}.sf3-blog .foot a{color:#4a4560;font-size:15px}.sf3-blog .foot a:hover{color:#0e0b1a}.sf3-blog .foot h3{color:#0e0b1a;margin:0 0 14px;font-size:15px;font-weight:600}.sf3-blog .foot ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:720px){.sf3-blog .foot{margin:0 12px 12px;padding:36px 24px 28px}}.sf3-blog .nav{--nf:#f0eaffe0;--nfh:#fff;--nbg:#fff0;--nbd:#fff0;--nsh:0;--nlw:1;--ncb:#fff0;--ncbh:#ffffff1a;--ncl:#ffffff80;--ncf:#fff;z-index:60;background:var(--nbg);height:58px;box-shadow:inset 0 -1px 0 var(--nbd),inset 1px 0 0 var(--nbd),inset -1px 0 0 var(--nbd),0 12px 32px rgba(18,8,52,calc(var(--nsh) * .1));border-radius:0 0 24px 24px;align-items:center;gap:28px;margin:0 36px -58px;padding:0 10px 0 24px;transition:background-color .25s,box-shadow .25s;display:flex;position:sticky;top:0}:is(.sf3-blog .nav.solid,.sf3-blog .nav[data-scrolled],.sf3-blog .nav[data-menu],.sf3-blog .nav:not([data-js]):has(.mi:hover),.sf3-blog .nav:not([data-js]):has(.mi:focus-within)){--nf:#2a2540;--nfh:#8c869e;--nbg:#fff;--nbd:#0e0b1a17;--nsh:1;--nlw:0;--ncb:#12082a;--ncbh:#2a1f48;--ncl:#12082a;--ncf:#fff}.sf3-blog .nav.solid{margin-bottom:0}@supports (animation-timeline:scroll()){.sf3-blog .nav:not([data-js]):not(.solid){animation:linear both navWhite;animation-timeline:scroll();animation-range:0 24px}}@keyframes navWhite{to{--nf:#2a2540;--nfh:#8c869e;--nbg:#fff;--nbd:#0e0b1a17;--nsh:1;--nlw:0;--ncb:#12082a;--ncbh:#2a1f48;--ncl:#12082a;--ncf:#fff}}.sf3-blog .lg{flex:none;height:24px;display:block;position:relative}.sf3-blog .lg img{width:auto;height:24px;transition:opacity .25s;display:block}.sf3-blog .lg .lg-w{opacity:var(--nlw)}.sf3-blog .lg .lg-d{opacity:calc(1 - var(--nlw));position:absolute;top:0;left:0}.sf3-blog .nav-links{align-self:stretch;align-items:stretch;gap:4px;display:flex}.sf3-blog .mi{align-items:center;display:flex}.sf3-blog .nl{cursor:pointer;height:42px;color:var(--nf);font:500 14px/1.5 var(--font-geist),ui-sans-serif,system-ui,sans-serif;white-space:nowrap;background:0 0;border:0;align-items:center;padding:0 8px;transition:color .2s;display:inline-flex;position:relative}.sf3-blog .nav-links>.nl{align-self:center}.sf3-blog .nl:hover,.sf3-blog .mi[data-open]>.nl,.sf3-blog .nav:not([data-js]) .mi:hover>.nl{color:var(--nfh)}.sf3-blog .nl:focus-visible{color:var(--nfh)}.sf3-blog .nl-r{height:1.5em;display:block;position:relative;overflow:hidden}.sf3-blog .nl-r>span{transition:transform .7s cubic-bezier(.16,1,.3,1);display:block}.sf3-blog .nl:hover .nl-r>span,.sf3-blog .mi[data-open] .nl-r>span,.sf3-blog .nav:not([data-js]) .mi:hover .nl-r>span{transform:translateY(-100%)}.sf3-blog .nav-cta{border:1px solid var(--ncl);background:var(--ncb);height:39px;color:var(--ncf);font:500 14px/1 var(--font-geist),ui-sans-serif,system-ui,sans-serif;white-space:nowrap;border-radius:12px;flex:none;align-items:center;margin-left:auto;padding:0 16px;transition:background-color .25s,border-color .25s,color .25s;display:inline-flex}.sf3-blog .nav-cta:hover{color:var(--ncf);background:var(--ncbh);border-color:var(--ncl)}.sf3-blog .nav:after{content:"";top:calc(100% + 1px);left:var(--nx,50%);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:0;pointer-events:none;background:#fff;width:16px;height:7px;margin-left:-8px;transition:opacity .15s,left .3s cubic-bezier(.16,1,.3,1);position:absolute}.sf3-blog .nav[data-menu]:after{opacity:1}.sf3-blog .mp{opacity:0;visibility:hidden;transform-origin:0 0;width:min(1220px,100%);transition:opacity .1s linear,transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s linear .2s;position:absolute;top:calc(100% + 7px);left:0;transform:translateY(-8px)scale(.98)}.sf3-blog .mp:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.sf3-blog .mi[data-open]>.mp,.sf3-blog .nav:not([data-js]) .mi:hover>.mp,.sf3-blog .nav:not([data-js]) .mi:focus-within>.mp{opacity:1;visibility:visible;transition:opacity 80ms linear,transform .3s cubic-bezier(.16,1,.3,1),visibility;animation:.3s cubic-bezier(.16,1,.3,1) mpIn;transform:none}@keyframes mpIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}}.sf3-blog .nav[data-sw] .mp{transition:none!important;animation:none!important}.sf3-blog .nav:not([data-js]) .mp{transition-delay:.42s,.42s,.62s}.sf3-blog .nav:not([data-js]) .nav-links:hover .mi:not(:hover)>.mp{transition-delay:0s}.sf3-blog .mp-in{background:#fff;border-radius:24px;grid-template-columns:minmax(0,1fr) 300px;gap:12px;padding:12px;display:grid;box-shadow:0 0 0 1px #0e0b1a0f,0 24px 60px -12px #1208344d}.sf3-blog .mp-cols{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:14px 0 10px 6px;display:grid}.sf3-blog .mp-col{padding:0 16px;position:relative}.sf3-blog .mp-col+.mp-col:before{content:"";background:linear-gradient(#0e0b1a00,#0e0b1a1a 50%,#0e0b1a00);width:1px;position:absolute;top:2px;bottom:2px;left:0}.sf3-blog .mp-h{font:600 11px/1.2 var(--font-geist),ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8c869e;margin:0 0 10px}.sf3-blog .mp-a{color:#12082a;align-items:center;gap:10px;min-height:46px;padding:5px 0;font-size:14px;font-weight:500;line-height:1.3;display:flex}.sf3-blog .mp-a:hover{color:#12082a}.sf3-blog .mp-ic{color:#7e22ce;background:#f3f1fa;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,color .2s,transform .25s cubic-bezier(.2,.8,.2,1);display:flex}.sf3-blog .mp-ic svg{width:18px;height:18px}:is(.sf3-blog .mp-a:hover .mp-ic,.sf3-blog .mp-a:focus-visible .mp-ic){color:#fff;background:#7e22ce;transform:translateY(-1px)}.sf3-blog .mp-pro{color:#fff;background:linear-gradient(140deg,#4c1d95 0%,#6d28d9 34%,#7e22ce 58%,#9333ea 82%,#a855f7 100%);border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:236px;padding:22px;display:flex;position:relative;overflow:hidden}.sf3-blog .mp-pro:hover{color:#fff}.sf3-blog .mp-art{width:100%;height:100%;position:absolute;inset:0}.sf3-blog .mp-pro b{letter-spacing:-.02em;text-shadow:0 1px 14px #2e10658c;max-width:15ch;font-size:20px;font-weight:600;line-height:1.15;position:relative}.sf3-blog .mp-pro span{color:#f3e8ff;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.sf3-blog .mp-pro span svg{width:16px;height:16px;transition:transform .2s}.sf3-blog .mp-pro:hover span svg{transform:translate(3px)}@media (max-width:900px){.sf3-blog .nav-links{display:none}.sf3-blog .nav{margin:0 12px -58px;padding:0 8px 0 18px}.sf3-blog .nav.solid{margin-bottom:0}}@media (prefers-reduced-motion:reduce){.sf3-blog .nav,.sf3-blog .mp,.sf3-blog .nl-r>span,.sf3-blog .lg img,.sf3-blog .mp-ic,.sf3-blog .nav:after{transition:none!important;animation:none!important}}.sf3-blog .nav .nl[aria-current]{font-weight:600}body:has(.sf3-blog){padding-bottom:0!important}.sf3-blog{min-height:100vh}
