/* STOFEX V18 — smooth, accessible motion and password-strength meter */
@view-transition {navigation:auto}
::view-transition-old(root){animation:v18-page-out .18s ease both}
::view-transition-new(root){animation:v18-page-in .30s cubic-bezier(.16,1,.3,1) both}
@keyframes v18-page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes v18-page-out{from{opacity:1}to{opacity:.55}}
@keyframes v18-tap{0%{transform:scale(1)}45%{transform:scale(.96)}100%{transform:scale(1)}}
.v18-enter{animation:v18-page-in .38s cubic-bezier(.16,1,.3,1) both}
.v18-pressed{animation:v18-tap .22s ease-out!important}
.btn,button,.iconbtn,.nav-drawer a,.category-tabs a,.category-tabs button,.card,.cardvisual,.pick-option{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}
.btn:not(:disabled):hover,button:not(:disabled).btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px #0002}
.btn:not(:disabled):active,button:not(:disabled):active{transform:scale(.975)}
.category-tabs a:hover,.category-tabs button:hover,.nav-drawer a:hover{transform:translateX(3px)}
.card:hover{transform:translateY(-4px)}
:focus-visible{outline:3px solid #a8ec30!important;outline-offset:3px}
.strength-meter{margin:12px 0 4px;max-width:100%;--strength:#d94848}
.strength-meter[data-level="0"]{--strength:#d4d6cf}
.strength-meter[data-level="1"]{--strength:#d94848}
.strength-meter[data-level="2"]{--strength:#e8b83f}
.strength-meter[data-level="3"]{--strength:#43aa5b}
.strength-track{height:9px;width:100%;background:#e6e8e1;overflow:hidden;border-radius:99px;border:1px solid #c7c9c1}
.strength-track>span{display:block;height:100%;width:0;background:var(--strength);border-radius:99px;transition:width .3s ease,background-color .3s ease}
.strength-meter[data-level="1"] .strength-track>span{width:33.33%}
.strength-meter[data-level="2"] .strength-track>span{width:66.67%}
.strength-meter[data-level="3"] .strength-track>span{width:100%}
.strength-label{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--ink,#222);font-weight:600}
.strength-meter[data-level="1"] .strength-label{color:#ae2d2d}
.strength-meter[data-level="2"] .strength-label{color:#876009}
.strength-meter[data-level="3"] .strength-label{color:#187c36}
button[type="submit"]:disabled{cursor:not-allowed;opacity:.52;box-shadow:none;transform:none}
.account-login-once{max-width:500px;padding:28px;border:1px solid #dedfd8;background:#fff}
.account-login-once .btn{margin-top:12px}
@media(max-width:680px){.v18-enter{animation-duration:.28s}.btn{min-height:44px}.strength-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.password-input-wrap{position:relative;width:100%}.password-input-wrap input{width:100%;padding-right:52px!important}.password-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#363b33;cursor:pointer}.password-eye:hover,.password-eye:focus-visible{background:#e8eee0;outline-offset:2px}.password-requirements{font-size:12px;color:#555d52;line-height:1.6;margin:7px 0 0}