#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}.smooth-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.smooth-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.smooth-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}.smooth-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.smooth-opacity{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.smooth-colors{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.smooth-shadow{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-scale-105{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover-scale-105:active,.hover-scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover-scale-105:active{--tw-scale-x:.95;--tw-scale-y:.95}.hover-scale-110{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.hover-lift{transition:none}}.hover-lift:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover-glow{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#bfdbfe;--tw-shadow:var(--tw-shadow-colored)}.hover-dim{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.hover-dim:hover{opacity:.75}.hover-brighten{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.hover-brighten{transition:none}}.hover-brighten:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover-text-blue{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.hover-text-blue:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover-bg-light{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.hover-bg-light:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.btn-smooth{border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.btn-smooth{transition:none}}.btn-smooth-primary{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-smooth-primary:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.btn-smooth-primary:active,.btn-smooth-primary:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-smooth-primary:active{--tw-scale-x:.95;--tw-scale-y:.95}.btn-smooth-primary{border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.btn-smooth-primary{transition:none}.btn-smooth-primary:hover{transform:none}}.btn-smooth-primary:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.btn-smooth-secondary{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-smooth-secondary:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.btn-smooth-secondary:active,.btn-smooth-secondary:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-smooth-secondary:active{--tw-scale-x:.95;--tw-scale-y:.95}.btn-smooth-secondary{border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.btn-smooth-secondary{transition:none}.btn-smooth-secondary:hover{transform:none}}.btn-smooth-secondary:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.btn-smooth-ghost{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-smooth-ghost:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.btn-smooth-ghost:active,.btn-smooth-ghost:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-smooth-ghost:active{--tw-scale-x:.95;--tw-scale-y:.95}.btn-smooth-ghost{border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.btn-smooth-ghost{transition:none}.btn-smooth-ghost:hover{transform:none}}.btn-smooth-ghost:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.btn-smooth-danger{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-smooth-danger:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.btn-smooth-danger:active,.btn-smooth-danger:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-smooth-danger:active{--tw-scale-x:.95;--tw-scale-y:.95}.btn-smooth-danger{border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.btn-smooth-danger{transition:none}.btn-smooth-danger:hover{transform:none}}.btn-smooth-danger:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.card-smooth{border-radius:var(--radius);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.card-smooth{transition:none}}.card-smooth:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}@media (max-width:640px){.card-smooth:hover{transform:none;box-shadow:none}}.card-smooth:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-smooth-hover{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.card-smooth-hover{transition:none}}.input-smooth{border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.input-smooth{transition:none}}.input-smooth:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.input-smooth::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));-moz-transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.input-smooth::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}body,html,html.smooth-scroll{scroll-behavior:smooth!important}.scroll-smooth-container{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.animate-fade-in-slow{animation:fadeIn 1s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-left{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1)}.animate-slide-in-right{animation:slideInRight .5s cubic-bezier(.4,0,.2,1)}.animate-slide-in-up{animation:slideInUp .5s cubic-bezier(.4,0,.2,1)}.animate-slide-in-down{animation:slideInDown .5s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.animate-scale-up{animation:scaleUp .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounce-slight{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-bounce-slight{animation:bounce-slight 2s infinite}@keyframes pulse-smooth{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-smooth{animation:pulse-smooth 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.transform-gpu{transform:translateZ(0);will-change:transform}.smooth-3d{perspective:1000px;transform-style:preserve-3d}.focus-smooth{outline:2px solid transparent;outline-offset:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.focus-smooth{transition:none}}.focus-smooth:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.disabled-smooth{cursor:not-allowed;opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.disabled-smooth{transition:none}}button:disabled{cursor:not-allowed;opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){button:disabled{transition:none}}input:disabled,select:disabled,textarea:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));cursor:not-allowed;opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){input:disabled,select:disabled,textarea:disabled{transition:none}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{width:1rem;height:1rem}.spinner,.spinner-sm{display:inline-block;border-radius:50%;border:2px solid rgba(0,0,0,.1);border-top-color:currentcolor;animation:spin .8s linear infinite}.spinner-sm{width:.75rem;height:.75rem}.spinner-lg{display:inline-block;border-radius:50%;border:2px solid rgba(0,0,0,.1);border-top-color:currentcolor;animation:spin .8s linear infinite;width:1.5rem;height:1.5rem}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.smooth-scroll{scroll-behavior:auto}}@media (max-width:640px){.smooth-all{transition:none}.hover-scale-105:hover{transform:none}.hover-lift:hover{transform:none;box-shadow:none}}