.og-protected-wrapper { position: relative; min-height: 100vh; }
.og-protected-wrapper.locked .og-protected-content { display: none; }
.og-protected-wrapper.unlocked .og-lock-overlay { display: none; }

.og-lock-overlay {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0B1220 0%, #0d1a2e 100%);
  padding: 48px 24px;
  text-align: center;
}
.og-lock-icon { font-size: 52px; margin-bottom: 20px; }
.og-lock-overlay h3 {
  font-size: 24px; font-weight: 700; color: #ffffff;
  margin: 0 0 10px; font-family: 'Inter', sans-serif;
}
.og-lock-overlay p {
  font-size: 15px; color: rgba(255,255,255,0.55);
  margin: 0 0 32px; max-width: 360px;
}
.og-pw-form { display: flex; gap: 10px; justify-content: center; align-items: center; flex-wrap: wrap; }
.og-pw-input {
  padding: 11px 16px; border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.06); color: #ffffff;
  font-size: 15px; font-family: 'Inter', sans-serif;
  width: 230px; outline: none; transition: border-color 0.2s;
}
.og-pw-input:focus { border-color: #00C853; }
.og-pw-submit {
  padding: 11px 26px; border-radius: 8px; border: none;
  background: #00C853; color: #0B1220;
  font-size: 15px; font-weight: 700; cursor: pointer;
  font-family: 'Inter', sans-serif; transition: opacity 0.2s;
}
.og-pw-submit:hover { opacity: 0.85; }
.og-pw-error { color: #ff6b6b; font-size: 13px; margin-top: 14px; display: none; }
.og-pw-error.visible { display: block; }