@property --tf-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.tf-btn{--tf-ring:1.5px;isolation:isolate;height:46px;font:600 15px/1 var(--font-sans);letter-spacing:-.005em;color:#fff;text-shadow:0 1px 1px #00287859;background:linear-gradient(#ffffff52 0%,#ffffff14 46%,#fff0 52%),linear-gradient(#2f8cff 0%,#0a66e8 55%,#0050c8 100%);border-radius:999px;align-items:center;gap:10px;padding:0 20px 0 9px;text-decoration:none;transition:transform .15s,box-shadow .2s,filter .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 4px #001e6447,0 1px 2px #003ca040,0 8px 22px -8px #0a66e8a6}.tf-btn:before{content:"";inset:calc(var(--tf-ring) * -1);z-index:-1;padding:var(--tf-ring);border-radius:inherit;background:conic-gradient(from var(--tf-angle), transparent 0deg 250deg, #8ccdff80 290deg, #fff 330deg, #8ccdff80 345deg, transparent 360deg), linear-gradient(180deg, #a9d6ff 0%, #2a7de8 45%, #0b3f9e 100%);-webkit-mask-composite:xor;pointer-events:none;animation:3.6s linear infinite tf-orbit;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.tf-btn:after{content:"";z-index:-2;border-radius:inherit;background:conic-gradient(from var(--tf-angle), transparent 0deg 270deg, #409cff8c 330deg, transparent 360deg);filter:blur(8px);opacity:.7;pointer-events:none;animation:3.6s linear infinite tf-orbit;position:absolute;inset:-5px}@keyframes tf-orbit{to{--tf-angle:360deg}}.tf-btn__icon{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 1px 3px #00287873,inset 0 0 0 1px #fff9}.tf-btn__icon svg{transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.tf-btn__arrow,.hero__start .cta-arrow{flex:none;transition:transform .2s;display:block}.tf-btn__arrow{opacity:.85;filter:drop-shadow(0 1px 1px #00287859);margin-left:-2px}.hero__start .cta-arrow{opacity:.8}.hero__start:hover .cta-arrow{transform:translate(3px)}.tf-btn:hover{filter:brightness(1.06)saturate(1.05);box-shadow:inset 0 1px #fff9,inset 0 -2px 4px #001e6447,0 1px 2px #003ca040,0 12px 28px -8px #0a66e8bf}.tf-btn:hover .tf-btn__icon svg{transform:rotate(120deg)}.tf-btn:hover .tf-btn__arrow{transform:translate(3px)}.tf-btn:active{transform:scale(.97)}.tf-btn:focus-visible{outline-offset:4px;outline:2px solid #0a66e8}.tf-btn.tf-btn--block{width:100%;height:44px;font-size:14px;display:flex}.tf-btn--block .tf-btn__arrow{margin-left:auto}.gh-star{border:1px solid var(--line);height:46px;color:var(--ink);font:500 15px/1 var(--font-sans);background:#fff;border-radius:999px;align-items:stretch;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .2s;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 14px -8px #0000001f}.gh-star__label{align-items:center;gap:8px;padding:0 16px 0 18px;display:inline-flex}.gh-star__count{border-left:1px solid var(--line);background:var(--soft);color:var(--ink);font:500 14px/1 var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:0 18px 0 14px;transition:background .15s;display:inline-flex}.gh-star__count[hidden]{display:none}.gh-star__count svg{color:#8a8a8a;transition:color .15s,transform .25s}.gh-star:hover{border-color:#cfcfcf;box-shadow:0 1px 2px #0000000d,0 8px 20px -10px #00000038}.gh-star:hover .gh-star__count{background:#f0f0ec}.gh-star:hover .gh-star__count svg{color:#e3b341;transform:scale(1.12)rotate(-8deg)}.gh-star:active{transform:scale(.97)}.gh-star:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.hero .hero__cta{align-items:center;gap:14px 12px}.hero__cta-sub{flex-wrap:wrap;flex:100%;align-items:center;gap:12px 18px;display:flex}@media (width<=560px){.hero .hero__cta>.btn--dark,.hero .hero__cta>.tf-btn{flex:100%;justify-content:center}.hero .hero__cta>.tf-btn{padding-right:18px}}@media (prefers-reduced-motion:reduce){.tf-btn:before,.tf-btn:after{animation:none}.tf-btn,.tf-btn__icon svg,.tf-btn__arrow,.hero__start .cta-arrow,.gh-star,.gh-star__count svg{transition:none}.tf-btn:hover .tf-btn__arrow,.hero__start:hover .cta-arrow,.tf-btn:hover .tf-btn__icon svg{transform:none}}
