.bow-safe-hidden{
max-height:100vh;
overflow:hidden;
pointer-events:none;
opacity:0.5;
}

.bow-safe-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:999999;
display:flex;
align-items:flex-end;
padding:40px;
box-sizing:border-box;
background:linear-gradient(to bottom,
rgba(255,255,255,0.7) 0%,
rgba(53,77,66,0.85) 35%,
rgba(30,46,40,0.95) 100%);
overflow:auto;
}

.bow-safe-box{
max-width:500px;
width:100%;
}

.bow-safe-box h2,
.bow-safe-box h3{
font-size:20px;
color:#fff;
margin-bottom:10px;
}

.bow-safe-box p{
font-size:16px;
color:#fff;
margin-bottom:15px;
}

.bow-safe-login,
.bow-safe-form{
display:flex;
flex-direction:column;
gap:12px;
}

.bow-safe-login input,
.bow-safe-form input{
width:100%;
height:50px;
padding:0 15px;
border:none;
border-radius:8px;
box-sizing:border-box;
}

.bow-safe-unlock,
.bow-safe-form button{
height:50px;
padding:0 20px;
border:none;
border-radius:8px;
cursor:pointer;
}

.bow-safe-error{
color:#ff5e5e;
margin-top:12px;
font-size:14px;
}

.bow-safe-success{
color:#ffffff;
margin-top:12px;
font-size:14px;
}

.bow-safe-bottom{
margin-top:35px;
}


.bow-safe-register-error{
color:#ff5e5e;
margin-top:12px;
font-size:14px;
}


.bow-safe-popup{
position:fixed;
top:30px;
right:30px;
z-index:9999999;
min-width:320px;
max-width:420px;
animation:bowFadeIn .3s ease;
}

.bow-safe-popup-content{
position:relative;
padding:18px 20px;
border-radius:10px;
color:#fff;
font-size:14px;
line-height:1.6;
box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.bow-safe-popup-error .bow-safe-popup-content{
background:#e5484d;
}

.bow-safe-popup-success .bow-safe-popup-content{
background:#28a745;
}

.bow-safe-popup-close{
position:absolute;
top:10px;
right:12px;
cursor:pointer;
font-size:18px;
line-height:1;
}

@keyframes bowFadeIn{
from{
opacity:0;
transform:translateY(-10px);
}
to{
opacity:1;
transform:translateY(0);
}
}