.paradose-drop,
.paradose-drop * { box-sizing: border-box; }

.paradose-drop {
  position: fixed;
  left: 18px;
  top: 50%;
  z-index: 999996;
  width: min(390px, calc(100vw - 36px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  padding: 30px 28px 24px;
  transform: translate(-115%, -50%);
  opacity: 0;
  visibility: hidden;
  background: rgba(5,5,8,.98);
  border: 1px solid #00c8ff;
  border-radius: 18px;
  color: #fff;
  box-shadow: 0 24px 70px rgba(0,0,0,.62), 0 0 26px rgba(0,200,255,.12), 0 0 34px rgba(255,0,200,.10);
  font-family: "Obvia", Arial, sans-serif;
  transition: transform .42s cubic-bezier(.2,.8,.2,1), opacity .28s ease, visibility .28s ease;
}
.paradose-drop.is-open { transform: translate(0,-50%); opacity: 1; visibility: visible; }
.paradose-drop__close { position:absolute; right:14px; top:11px; width:34px; height:34px; border:0; background:transparent; color:#fff; font-size:28px; cursor:pointer; }
.paradose-drop__close:hover { color:#ff00c8; }
.paradose-drop__eyebrow { color:#00c8ff; font-size:12px; letter-spacing:2px; text-align:center; margin-bottom:16px; font-weight:700; }
.paradose-drop h2 { margin:16px 0 10px; text-align:center; color:#fff; font-size:28px; line-height:1.12; font-weight:900; }
.paradose-drop__intro { margin:0 auto 20px; max-width:310px; text-align:center; color:rgba(255,255,255,.78); font-size:14px; line-height:1.55; }
.paradose-drop__vault { position:relative; width:128px; height:128px; margin:6px auto 0; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle, rgba(255,0,200,.24), rgba(138,0,255,.08) 55%, rgba(0,0,0,0) 70%); }
.paradose-drop__vault-ring { position:absolute; inset:12px; border:2px solid #00c8ff; border-radius:50%; box-shadow:0 0 22px rgba(0,200,255,.28), inset 0 0 20px rgba(255,0,200,.12); }
.paradose-drop__vault-ring:before, .paradose-drop__vault-ring:after { content:""; position:absolute; inset:12px; border:1px solid rgba(255,0,200,.65); border-radius:50%; }
.paradose-drop__vault-ring:after { inset:26px; border-color:rgba(0,200,255,.55); }
.paradose-drop__vault-core { position:relative; z-index:2; width:54px; height:54px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#ff00c8,#8a00ff); font-size:28px; font-weight:900; box-shadow:0 0 26px rgba(255,0,200,.34); }
.paradose-drop__field { display:block; margin-bottom:14px; }
.paradose-drop__field > span { display:block; margin-bottom:7px; color:#fff; font-size:13px; font-weight:700; }
.paradose-drop__field input { width:100%; min-height:48px; padding:0 14px; border:1px solid #00c8ff; border-radius:10px; background:#020203; color:#fff; font:inherit; outline:none; }
.paradose-drop__field input:focus { border-color:#ff00c8; box-shadow:0 0 0 3px rgba(255,0,200,.10); }
.paradose-drop__consent { display:flex; gap:10px; align-items:flex-start; margin:0 0 16px; color:rgba(255,255,255,.72); font-size:12px; line-height:1.45; cursor:pointer; }
.paradose-drop__consent input { margin-top:2px; accent-color:#ff00c8; }
.paradose-drop__submit { width:100%; min-height:50px; border:0; border-radius:11px; background:linear-gradient(90deg,#ff00c8,#8a00ff); color:#fff; font:700 13px/1 "Obvia",Arial,sans-serif; letter-spacing:1.4px; cursor:pointer; box-shadow:0 0 20px rgba(255,0,200,.18); }
.paradose-drop__submit:hover { filter:brightness(1.08); transform:translateY(-1px); }
.paradose-drop__submit:disabled { opacity:.55; cursor:wait; transform:none; }
.paradose-drop__message { min-height:18px; margin-top:10px; color:#ff76df; font-size:12px; text-align:center; }
.paradose-drop__success { text-align:center; padding:8px 0 6px; }
.paradose-drop__success-kicker { color:#00c8ff; font-size:12px; letter-spacing:2px; font-weight:700; }
.paradose-drop__reward { margin:12px 0 10px; font-size:34px; font-weight:900; color:#fff; text-shadow:0 0 18px rgba(255,0,200,.26); }
.paradose-drop__success p { color:rgba(255,255,255,.78); line-height:1.55; }
.paradose-drop__fineprint { display:block; margin-top:16px; color:rgba(255,255,255,.48); font-size:10px; line-height:1.45; text-align:center; }
.paradose-drop-tab { position:fixed; left:0; top:58%; z-index:999995; writing-mode:vertical-rl; transform:rotate(180deg); min-height:118px; padding:12px 9px; border:1px solid #00c8ff; border-left:0; border-radius:0 10px 10px 0; background:#08080b; color:#fff; font:700 10px/1 "Obvia",Arial,sans-serif; letter-spacing:1.5px; cursor:pointer; box-shadow:0 0 18px rgba(0,200,255,.10); transition:opacity .2s, transform .2s; }
.paradose-drop-tab:hover { color:#ff00c8; }
.paradose-drop-tab.is-hidden { opacity:0; pointer-events:none; }

@media (max-width: 767px) {
  .paradose-drop { left:14px; right:14px; top:auto; bottom:14px; width:auto; max-height:min(76vh,680px); padding:26px 20px 20px; transform:translateY(115%); border-radius:18px; }
  .paradose-drop.is-open { transform:translateY(0); }
  .paradose-drop h2 { font-size:25px; }
  .paradose-drop__vault { width:108px; height:108px; }
  .paradose-drop__reward { font-size:30px; }
  /* No persistent reopen tab on mobile; it can cover footer controls/content. */
  .paradose-drop-tab { display:none !important; }
}