@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sp{to{transform:rotate(360deg)}}
main{animation:up .35s ease both}.c,.sc,.qa,.hero2,.rec>*{animation:up .5s ease both}.stats .sc:nth-child(2){animation-delay:.06s}.stats .sc:nth-child(3){animation-delay:.12s}.stats .sc:nth-child(4){animation-delay:.18s}
.c,.sc{transition:box-shadow .25s,transform .25s}.c:hover,.sc:hover{box-shadow:0 8px 26px #4a1a5522}.sc:hover{transform:translateY(-2px)}
input,select,textarea{border-radius:12px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s}
input:focus,select:focus,textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent);outline:0}
select,.fi select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237b6f83' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;cursor:pointer}
input[type=checkbox],input[type=radio]{accent-color:var(--acc);width:auto;padding:0;transform:scale(1.15)}input[type=color]{padding:2px;height:38px;width:56px}
button,.btn{transition:transform .12s,box-shadow .2s,filter .2s}button:hover,.btn:hover{filter:brightness(1.08);box-shadow:0 4px 14px #7a2f8c44}button:active,.btn:active{transform:scale(.97)}
td input,td select{margin:0;min-width:90px;padding:6px 8px;border-color:transparent;background-color:transparent}td select{padding-right:26px}td input:hover,td select:hover{border-color:var(--ln)}td input:focus,td select:focus{background-color:var(--bg)}
.saved{box-shadow:0 0 0 3px #2f9e6f66!important;border-color:var(--ok)!important}.err{box-shadow:0 0 0 3px #e8458b66!important}
#ts{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:99px;opacity:0;pointer-events:none;transition:.25s;z-index:999;font-weight:600}#ts.on{opacity:1;transform:translate(-50%,0)}#ts.bad{background:var(--acc);color:#fff}
#ld{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--acc),var(--pri));z-index:999;transition:width 8s cubic-bezier(.1,.8,.2,1),opacity .3s;opacity:0}
body.busy:after{content:'';position:fixed;inset:0;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(2px);z-index:998}body.busy:before{content:'';position:fixed;top:50%;left:50%;width:46px;height:46px;margin:-23px;border:4px solid var(--ln);border-top-color:var(--acc);border-radius:50%;animation:sp .7s linear infinite;z-index:999}
.hb{display:none;background:none;color:var(--ink);font-size:24px;padding:2px 10px;margin:0;box-shadow:none}.ov{display:none}
@media(max-width:900px){.hb{display:block}.app{display:block}
.side{position:fixed!important;left:0;top:0;bottom:0;width:282px!important;height:100vh!important;transform:translateX(-102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);z-index:60;flex-direction:column!important;align-items:stretch!important;padding:18px 14px!important}
.side nav{flex-direction:column!important;overflow:visible!important}.logo small,.promo{display:block!important}.logo{padding:0 6px 14px!important}
body.menu .side{transform:none;box-shadow:8px 0 40px #0008}.ov{display:block;position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .3s;z-index:55}body.menu .ov{opacity:1;pointer-events:auto}body.menu{overflow:hidden}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}