/* 🔒 Lock Box - Sticky to Follow Scrolling */
.lock-box {
background: #f8f9fa; /* Light gray background */
padding: 20px;
border-radius: 10px;
border: 1px solid #d1d1d1;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-width: 350px;
position: fixed; /* Keeps it in place */
bottom: 20px; /* Distance from bottom */
right: 20px; /* Distance from right */
z-index: 1000; /* Ensures it's on top */
display: flex;
flex-direction: column;
gap: 10px;
}
/* 🎨 Password Input Box */
.lock-box input[type="password"] {
padding: 10px;
width: 90%;
font-size: 16px;
border: 1px solid #374a5e;
border-radius: 5px;
outline: none;
text-align: center;
}
/* 🔑 Unlock Button */
.lock-box button {
background: #063361;
color: white;
font-size: 16px;
padding: 12px;
border: none;
border-radius: 5px;
cursor: pointer;
width: 90%;
transition: 0.3s;
}
.lock-box button:hover {
background: #092c4c;
}
/* 🔥 Stronger Blur Effect */
.blurred-content {
filter: blur(15px); /* Stronger blur effect */
pointer-events: none;
transition: filter 0.5s ease-in-out;
}
