body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.box{background:var(--bg-card);padding:40px;border-radius:12px;width:380px;border:1px solid var(--accent-gold-dim)}.box h2{color:var(--accent-gold);text-align:center;margin-bottom:24px}.box label{color:var(--text-secondary);font-size:13px;display:block;margin-bottom:4px}.box input{width:100%;padding:10px;margin-bottom:16px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-primary);font-size:14px}.box input:focus{outline:none;border-color:var(--accent-gold)}.box button{width:100%;padding:12px;background:var(--accent-gold);color:var(--bg-primary);font-weight:700;border:none;border-radius:6px;font-size:16px;cursor:pointer}.error{color:var(--danger);font-size:13px;text-align:center;margin-bottom:8px;display:none}.pw-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;width:20px;height:20px;z-index:1;opacity:.5;transition:opacity .15s}.pw-eye:hover{opacity:.9}.pw-eye:before{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--text-primary);border-radius:50%;top:2px;left:2px}.pw-eye:after{content:"";position:absolute;width:2px;height:8px;background:var(--text-primary);border-radius:1px;top:5px;left:9px}.pw-eye.slash{opacity:.4}.pw-eye.slash:before{border-color:var(--danger)}.pw-eye.slash:after{background:var(--danger)}.pw-eye i{display:none;position:absolute;width:2px;height:20px;background:var(--danger);border-radius:1px;top:0;left:9px;transform:rotate(-45deg)}.pw-eye.slash i{display:block}