/* PDR Webmail – 5 neon 3D themes */
.pdrwm-wrap{ --bg:#0a0d14; --card:#0b0f19; --txt:#eaf1ff; --muted:rgba(234,241,255,.7);
  --accent:#4cc9f0; --accent2:#4895ef; --danger:#ff4d6d; --ok:#2dd4bf;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
.pdrwm-wrap.theme-1{ --accent:#4cc9f0; --accent2:#4895ef; }
.pdrwm-wrap.theme-2{ --accent:#b517ff; --accent2:#7209b7; }
.pdrwm-wrap.theme-3{ --accent:#00f5a0; --accent2:#00bbf9; }
.pdrwm-wrap.theme-4{ --accent:#ffb703; --accent2:#fb8500; }
.pdrwm-wrap.theme-5{ --accent:#ff004c; --accent2:#ff6b00; }

.pdrwm-card3d{
  background: radial-gradient(1200px 420px at 30% 0%, rgba(255,255,255,.08), transparent 60%),
              radial-gradient(900px 380px at 90% 10%, rgba(255,255,255,.06), transparent 55%),
              linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  box-shadow:
    0 22px 70px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 50px rgba(76,201,240,.12);
  padding:18px;
  color:var(--txt);
  transform: perspective(1200px) rotateX(1.2deg);
}

.pdrwm-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:14px; }
.pdrwm-title{
  font-weight:800; letter-spacing:.3px; font-size:20px; line-height:1.1;
  text-shadow: 0 0 18px rgba(255,255,255,.12);
}
.pdrwm-subtitle{
  font-weight:700; font-size:12px; color:rgba(234,241,255,.65);
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  background: rgba(10,13,20,.55);
}

.pdrwm-alert{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(10,13,20,.55);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  margin: 10px 0 14px;
}
.pdrwm-alert--success{ border-color: rgba(45,212,191,.35); box-shadow: 0 0 30px rgba(45,212,191,.12); }
.pdrwm-alert--error{ border-color: rgba(255,77,109,.35); box-shadow: 0 0 30px rgba(255,77,109,.12); }

.pdrwm-form{ margin:0; }
.pdrwm-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 760px){
  .pdrwm-grid{ grid-template-columns: 1fr 1fr; }
  .pdrwm-field--textarea{ grid-column: 1 / -1; }
  .pdrwm-field--file{ grid-column: 1 / -1; }
}

.pdrwm-field{ position:relative; }
.pdrwm-label{
  display:flex; align-items:center; gap:6px;
  font-weight:700; font-size:12px;
  color:rgba(234,241,255,.78);
  margin: 2px 0 6px;
}
.pdrwm-req{ color: var(--accent); font-weight:900; }

.pdrwm-input{
  width:100%;
  background: rgba(8,10,16,.75);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  padding: 12px 12px;
  color: var(--txt);
  outline: none;
  box-shadow:
    0 14px 40px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.05) inset;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}
.pdrwm-input:focus{
  border-color: rgba(255,255,255,.18);
  box-shadow:
    0 18px 60px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 0 4px rgba(76,201,240,.10);
  transform: translateY(-1px);
}
.pdrwm-wrap.theme-2 .pdrwm-input:focus{ box-shadow: 0 18px 60px rgba(0,0,0,.45), 0 0 0 4px rgba(181,23,255,.10); }
.pdrwm-wrap.theme-3 .pdrwm-input:focus{ box-shadow: 0 18px 60px rgba(0,0,0,.45), 0 0 0 4px rgba(0,245,160,.10); }
.pdrwm-wrap.theme-4 .pdrwm-input:focus{ box-shadow: 0 18px 60px rgba(0,0,0,.45), 0 0 0 4px rgba(255,183,3,.10); }
.pdrwm-wrap.theme-5 .pdrwm-input:focus{ box-shadow: 0 18px 60px rgba(0,0,0,.45), 0 0 0 4px rgba(255,0,76,.10); }

.pdrwm-check{ display:flex; align-items:center; gap:10px; padding: 10px 12px;
  background: rgba(8,10,16,.65); border:1px solid rgba(255,255,255,.10); border-radius:16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}
.pdrwm-check input{ position:absolute; opacity:0; pointer-events:none; }
.pdrwm-check__box{
  width:22px; height:22px; border-radius:8px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 20px rgba(0,0,0,.35);
  position:relative;
}
.pdrwm-check input:checked + .pdrwm-check__box{
  border-color: rgba(255,255,255,.20);
  background: radial-gradient(12px 12px at 30% 30%, rgba(255,255,255,.18), rgba(255,255,255,.04)),
              linear-gradient(135deg, rgba(0,0,0,.2), rgba(255,255,255,.05));
}
.pdrwm-check input:checked + .pdrwm-check__box:after{
  content:"";
  position:absolute; left:6px; top:3px;
  width:8px; height:12px;
  border-right:3px solid var(--accent);
  border-bottom:3px solid var(--accent);
  transform: rotate(40deg);
  filter: drop-shadow(0 0 8px rgba(255,255,255,.12));
}
.pdrwm-check__text{ color:rgba(234,241,255,.85); font-weight:700; font-size:13px; }

.pdrwm-file{ display:flex; flex-direction:column; gap:8px; }
.pdrwm-file__input{ position:absolute; left:-9999px; }
.pdrwm-file__btn{
  display:inline-flex; align-items:center; gap:10px;
  width: fit-content;
  cursor:pointer;
  padding: 12px 14px;
  border-radius:16px;
  color: var(--txt);
  border: 1px solid rgba(255,255,255,.12);
  background: radial-gradient(140px 60px at 30% 20%, rgba(255,255,255,.12), transparent 60%),
              linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  box-shadow: 0 18px 60px rgba(0,0,0,.45), 0 0 20px rgba(76,201,240,.10);
  position:relative;
  transform: translateY(0);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.pdrwm-file__btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.18); }
.pdrwm-file__icon{
  width:28px; height:28px; border-radius:10px;
  display:inline-grid; place-items:center;
  background: rgba(8,10,16,.55);
  border:1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.pdrwm-file__name{ color:rgba(234,241,255,.82); font-weight:700; }
.pdrwm-help{ color: rgba(234,241,255,.60); font-size:12px; }

.pdrwm-captcha{ margin-top:14px; }
.pdrwm-captcha__label{ font-weight:800; font-size:12px; color:rgba(234,241,255,.78); margin-bottom:8px; }

.pdrwm-slider{ user-select:none; }
.pdrwm-slider__track{
  height:56px; border-radius:18px;
  position:relative;
  overflow:hidden;
  background: rgba(8,10,16,.72);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
}
.pdrwm-slider__progress{
  position:absolute; left:0; top:0; bottom:0; width:0%;
  background: linear-gradient(90deg, rgba(76,201,240,.25), rgba(72,149,239,.10));
}
.pdrwm-wrap.theme-2 .pdrwm-slider__progress{ background: linear-gradient(90deg, rgba(181,23,255,.22), rgba(114,9,183,.10)); }
.pdrwm-wrap.theme-3 .pdrwm-slider__progress{ background: linear-gradient(90deg, rgba(0,245,160,.22), rgba(0,187,249,.10)); }
.pdrwm-wrap.theme-4 .pdrwm-slider__progress{ background: linear-gradient(90deg, rgba(255,183,3,.22), rgba(251,133,0,.10)); }
.pdrwm-wrap.theme-5 .pdrwm-slider__progress{ background: linear-gradient(90deg, rgba(255,0,76,.22), rgba(255,107,0,.10)); }

.pdrwm-slider__hint{
  position:absolute; left:0; right:0; top:0; bottom:0;
  display:flex; align-items:center; justify-content:center;
  color: rgba(234,241,255,.65);
  font-weight:800;
  text-shadow: 0 0 16px rgba(0,0,0,.6);
  padding: 0 18px;
}
.pdrwm-slider__target{
  position:absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 14px;
  opacity: .35;
  filter: grayscale(1) contrast(1.05);
  background-size: cover;
  background-position: center;
  border: 1px dashed rgba(255,255,255,.18);
}
.pdrwm-slider__handle{
  position:absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    0 18px 50px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 30px rgba(76,201,240,.14);
  cursor: grab;
}
.pdrwm-slider__handle:active{ cursor: grabbing; }
.pdrwm-slider.is-done .pdrwm-slider__hint{ opacity:0; }
.pdrwm-slider.is-done .pdrwm-slider__progress{
  background: linear-gradient(90deg, rgba(45,212,191,.22), rgba(45,212,191,.08));
}
.pdrwm-slider.is-done .pdrwm-slider__handle{
  box-shadow: 0 18px 50px rgba(0,0,0,.55), 0 0 30px rgba(45,212,191,.18);
}

.pdrwm-actions{ margin-top:14px; display:flex; justify-content:flex-end; }
.pdrwm-btn{
  position:relative;
  border:0;
  color: var(--txt);
  font-weight:900;
  letter-spacing:.3px;
  padding: 13px 18px;
  border-radius: 18px;
  background:
    radial-gradient(140px 60px at 30% 20%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 22px 70px rgba(0,0,0,.45),
    0 0 40px rgba(76,201,240,.12);
  cursor:pointer;
  overflow:hidden;
  transform: translateY(0);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.pdrwm-btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.18); }
.pdrwm-btn__glow{
  position:absolute; inset:-60px;
  background: radial-gradient(closest-side, rgba(255,255,255,.08), transparent 60%);
  transform: translateX(-20%);
  pointer-events:none;
}
.pdrwm-btn__text{ position:relative; z-index:1; }
.pdrwm-footnote{ margin-top:10px; color: rgba(234,241,255,.55); }

/* Hide honeypot */
.pdrwm-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.pdrwm-slider.pdrwm-shake .pdrwm-slider__track{
  animation: pdrwmShake .42s ease-in-out;
}
@keyframes pdrwmShake{
  0%,100%{ transform: translateX(0); }
  20%{ transform: translateX(-6px); }
  40%{ transform: translateX(6px); }
  60%{ transform: translateX(-4px); }
  80%{ transform: translateX(4px); }
}