:root{--mk-accent:#5e6ad2;--mk-accent-soft:#5e6ad21f;--mk-glow-opacity:.3;--mk-ambient-opacity:.3;--mk-ease:cubic-bezier(.2, .7, .2, 1)}.dark{--mk-accent:#7c85f0;--mk-accent-soft:#7c85f029;--mk-glow-opacity:.6;--mk-ambient-opacity:.5}.mk-glow{isolation:isolate;position:relative}.mk-glow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--mk-accent), color-mix(in oklab, var(--mk-accent) 65%, transparent) 25%, color-mix(in oklab, var(--mk-accent) 30%, transparent) 50%, color-mix(in oklab, var(--mk-accent) 10%, transparent) 75%, transparent);filter:blur(40px);opacity:var(--mk-glow-opacity);position:absolute;inset:-25% -15%}.mk-ambient{isolation:isolate;position:relative}.mk-ambient:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 50% 0%, var(--mk-accent), transparent 70%);opacity:var(--mk-ambient-opacity);position:absolute;inset:0}.mk-window{box-shadow:0 0 0 1px var(--mk-accent-soft), 0 40px 100px -30px var(--mk-accent)}.dark .mk-window{box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px var(--mk-accent-soft), 0 40px 120px -30px var(--mk-accent)}.mk-fade-bottom{-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.mk-hairline{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px}@keyframes mk-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes mk-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes mk-untilt{0%{transform:rotateX(14deg)scale(.96)}to{transform:none}}@keyframes mk-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes mk-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mk-fill-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mk-fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mk-uncover{0%{transform:translate(0)}to{transform:translate(101%)}}@keyframes mk-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes mk-drift{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.mk-enter{animation:mk-enter .8s var(--mk-ease) var(--mk-delay,0s) both}@media (min-width:1024px){.mk-tilt{transform:rotateX(10deg)}@supports (animation-timeline:view()){.mk-tilt{animation:linear both mk-untilt;animation-timeline:view();animation-range:entry cover 45%}}}.mk-before{opacity:0}[data-reveal=armed] .mk-before{opacity:1}[data-reveal=armed] .mk-fade-up,[data-reveal=armed] .mk-pop{opacity:0}[data-reveal=armed] .mk-fill-x{transform-origin:0;transform:scaleX(0)}[data-reveal=armed] .mk-fill-y{transform-origin:bottom;transform:scaleY(0)}.mk-type{position:relative;overflow:hidden}[data-reveal=armed] .mk-type:after{content:"";background:var(--card);position:absolute;inset:0}[data-reveal=armed][data-inview=true] .mk-fade-up{animation:mk-fade-up .6s var(--mk-ease) var(--mk-delay,0s) both}[data-reveal=armed][data-inview=true] .mk-pop{animation:mk-pop .45s var(--mk-ease) var(--mk-delay,0s) both}[data-reveal=armed][data-inview=true] .mk-before{animation:mk-fade-out .3s var(--mk-ease) var(--mk-delay,0s) both}[data-reveal=armed][data-inview=true] .mk-fill-x{animation:mk-fill-x .9s var(--mk-ease) var(--mk-delay,0s) both}[data-reveal=armed][data-inview=true] .mk-fill-y{animation:mk-fill-y .9s var(--mk-ease) var(--mk-delay,0s) both}[data-reveal=armed][data-inview=true] .mk-type:after{animation:mk-uncover 1.6s steps(32, end) var(--mk-delay,0s) both}[data-inview=true] .mk-loop-pulse{animation:mk-pulse 2.4s ease-in-out var(--mk-delay,0s) infinite}[data-inview=true] .mk-loop-drift{animation:mk-drift 2.4s ease-in-out var(--mk-delay,0s) infinite}@media (prefers-reduced-motion:reduce){[data-reveal=armed] .mk-fade-up,[data-reveal=armed] .mk-pop,[data-reveal=armed] .mk-fill-x,[data-reveal=armed] .mk-fill-y,[data-reveal=armed] .mk-before,[data-reveal=armed] .mk-type:after,.mk-enter,.mk-tilt,.mk-loop-pulse,.mk-loop-drift{opacity:1;transform:none;animation:none!important}[data-reveal=armed] .mk-before,[data-reveal=armed] .mk-type:after{opacity:0}}
