.pw{justify-content:center;align-items:flex-start;padding:clamp(20px,5vw,48px) 0 clamp(24px,5vw,48px);display:flex}.pw-card{background:#fff;border:1px solid #eceef8;border-radius:20px;width:100%;max-width:460px;position:relative;overflow:hidden;box-shadow:0 24px 60px #1e287824}.pw-card:before{content:"";background:var(--grad);height:5px;position:absolute;top:0;left:0;right:0}.pw-body{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:clamp(18px,4vw,28px);display:flex;position:relative}.teaser{border-radius:14px;width:100%;position:relative;overflow:hidden}.teaser img{object-fit:cover;filter:blur(18px)saturate(1.2);width:100%;height:150px;transform:scale(1.1)}.teaser .ov{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#0d112859;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.teaser .ov b{letter-spacing:.5px;font-size:11px;font-weight:800}.teaser .ov small{opacity:.85;font-size:9.5px;font-weight:600}.lock-ic{background:linear-gradient(135deg,#2643e6,#8a2be2,#ec008c);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-top:-6px;display:flex;position:relative;box-shadow:0 14px 34px #6a3be859}.lock-ic .ring{border:2px solid #8a2be266;border-radius:50%;animation:2s ease-out infinite halo;position:absolute;inset:-8px}@keyframes halo{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.3)}}.lock-ic.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pw-body h1{letter-spacing:-.3px;font-size:clamp(17px,3.4vw,21px);font-weight:800}.pw-body p{color:var(--muted);max-width:340px;font-size:12px;line-height:1.6}.pw-form{flex-direction:column;gap:10px;width:100%;display:flex}.control{background:#fff;border:1px solid #e3e6f3;border-radius:12px;align-items:center;gap:8px;height:clamp(46px,6vw,50px);padding:0 8px 0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.control:focus-within{border-color:#8a2be2;box-shadow:0 0 0 4px #8a2be01f}.control.err{border-color:#e11d48;animation:.4s shake;box-shadow:0 0 0 4px #e11d481a}.control .lead{color:#8a8fa8;flex:none}.control input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font:600 clamp(13px,1.8vw,14px) Inter,sans-serif}.eye-btn{color:#8a8fa8;background:0 0;border:none;border-radius:8px;flex:none;padding:7px;transition:all .15s;display:inline-flex}.eye-btn:hover{color:#171b34}.eye-btn .eye-off{display:none}.eye-btn.active .eye-off{display:block}.eye-btn.active .eye-on{display:none}.go-btn{background:var(--grad);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:clamp(46px,6vw,50px);font-size:clamp(13px,2vw,14.5px);font-weight:800;transition:all .2s;display:flex;position:relative;overflow:hidden}.go-btn:hover:not([disabled]){filter:brightness(1.07)}.go-btn[disabled]{opacity:.5;cursor:not-allowed}.go-btn svg{flex:none}.err-msg{color:#e11d48;font-size:11px;font-weight:800;display:none}.err-msg.show{display:block}.lock-msg{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;width:100%;padding:10px 12px;font-size:11.5px;font-weight:800;line-height:1.5;display:none}.lock-msg.show{display:block}.attempts{color:#b45309;background:#fff4e5;border:1px solid #fde6b3;border-radius:999px;align-self:center;align-items:center;gap:7px;padding:5px 12px;font-size:10px;font-weight:800;display:inline-flex}.attempts b{font-variant-numeric:tabular-nums}.hint{color:var(--muted);text-align:left;align-items:flex-start;gap:7px;width:100%;font-size:10.5px;font-weight:600;line-height:1.5;display:flex}.hint svg{color:#8a2be2;flex:none;margin-top:1px}.captcha-wrap{justify-content:center;width:100%;min-height:65px;display:flex}.captcha-wrap:empty{min-height:0;display:none}.captcha-widget{max-width:100%}.captcha-error{color:#e11d48;text-align:center;margin-top:7px;font-size:11px;font-weight:800}@media (width<=320px){.teaser img{height:120px}}@media (height<=560px) and (orientation:landscape){.pw{padding-top:12px}.teaser img{height:100px}}@media (pointer:coarse){.control input{font-size:16px}.go-btn{height:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (hover:none){.go-btn:hover{filter:none}}