/* ==========================================================================
   DropAtlas member-facing — "aurora glass, light key"
   Same language as the admin, inverted so it sits comfortably inside a public
   Elementor page: a soft aurora wash behind frosted white panels. Nothing is
   flat white; every surface is translucent and picks up the colour beneath.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

.da-front{
  --accent:#F0852B;
  --accent-2:#F5A94F;
  --accent-deep:#C2650F;
  --accent-glow:rgba(240,133,43,.34);
  --violet:#6D5BF0;
  --cyan:#22B8CF;

  --ink:#141C3A;
  --body:#404C74;
  --muted:#7B87AC;

  --glass:rgba(255,255,255,.62);
  --glass-2:rgba(255,255,255,.78);
  --glass-3:rgba(255,255,255,.88);
  --edge:rgba(255,255,255,.75);
  --edge-line:rgba(94,110,160,.16);
  --lift:inset 0 1px 0 rgba(255,255,255,.9);
  --blur:blur(22px) saturate(150%);

  --green:#12855F;
  --green-soft:rgba(18,133,95,.12);

  --r-xl:26px; --r-lg:20px; --r-md:14px;
  --shadow:0 14px 40px rgba(30,42,86,.10);
  --shadow-sm:0 6px 20px rgba(30,42,86,.07);

  position:relative;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--body);
  font-size:15px;
  line-height:1.7;
  padding:30px;
  border-radius:var(--r-xl);
  background:
    radial-gradient(44rem 30rem at 8% -6%, rgba(109,91,240,.24), transparent 60%),
    radial-gradient(38rem 26rem at 96% 4%, rgba(240,133,43,.22), transparent 58%),
    radial-gradient(40rem 30rem at 70% 104%, rgba(34,184,207,.18), transparent 60%),
    linear-gradient(160deg,#F2F5FE 0%,#E8EDFB 55%,#EFEAF9 100%);
  overflow:hidden;
}
.da-front *{box-sizing:border-box}
.da-front h1,.da-front h2,.da-front h3{font-family:'Sora',sans-serif;color:var(--ink);letter-spacing:-.025em}

/* ---------- Call card ---------- */
.da-call{
  background:var(--glass);border:1px solid var(--edge);border-radius:var(--r-lg);
  padding:26px 28px;margin-bottom:16px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  box-shadow:var(--shadow-sm),var(--lift);
  transition:box-shadow .22s ease,transform .22s ease,background .22s ease;
}
.da-call:hover{background:var(--glass-2);box-shadow:var(--shadow),var(--lift);transform:translateY(-3px)}
.da-call.da-urgent{
  border-left:3px solid var(--accent);
  background:linear-gradient(120deg,rgba(240,133,43,.10),var(--glass) 42%);
}
.da-call h3{font-size:21px;line-height:1.35;margin:0 0 13px;color:var(--ink);font-weight:600}
.da-call-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;margin:0 0 15px}
.da-call-meta > span{
  display:inline-flex;align-items:center;background:rgba(255,255,255,.62);
  border:1px solid var(--edge-line);padding:5px 14px;border-radius:20px;color:var(--muted);
}
.da-call-deadline{color:var(--ink)!important;font-weight:500}
.da-urgent .da-call-deadline{
  background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:0 4px 14px var(--accent-glow);
}
.da-call-summary{font-size:15px;line-height:1.75;margin:0 0 20px;color:var(--body)}
.da-call footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ---------- Fit meter ---------- */
.da-fit{
  display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted);
  margin:0 0 18px;flex-wrap:wrap;padding:14px 18px;
  background:rgba(255,255,255,.5);border:1px solid var(--edge-line);border-radius:var(--r-md);
}
.da-fit-bar{
  display:block;width:110px;height:8px;background:rgba(94,110,160,.16);
  border-radius:5px;overflow:hidden;flex-shrink:0;
}
.da-fit-bar span{
  display:block;height:100%;border-radius:5px;
  background:linear-gradient(90deg,#3FD6A4,var(--green));
  box-shadow:0 0 12px rgba(18,133,95,.35);
}
.da-fit-why{color:var(--body)}

/* ---------- Buttons ---------- */
.da-front-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:linear-gradient(135deg,var(--accent-2),var(--accent));
  color:#fff!important;text-decoration:none!important;
  padding:13px 26px;border:0;border-radius:11px;
  font-family:'Inter',sans-serif;font-size:14.5px;font-weight:600;line-height:1.2;
  cursor:pointer;box-shadow:0 10px 26px var(--accent-glow);
  transition:box-shadow .2s ease,transform .12s ease,filter .2s ease;
}
.da-front-btn:hover{filter:brightness(1.05);box-shadow:0 14px 32px var(--accent-glow);color:#fff!important}
.da-front-btn:active{transform:translateY(1px)}
.da-front-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.da-front-btn-quiet{
  background:var(--glass-2);color:var(--ink)!important;border:1px solid var(--edge-line);
  box-shadow:var(--lift);
}
.da-front-btn-quiet:hover{background:var(--glass-3);color:var(--ink)!important;filter:none;box-shadow:var(--shadow-sm)}
.da-front-btn-large{padding:16px 36px;font-size:16px;border-radius:13px}

/* ---------- Filters ---------- */
.da-front-filters{
  display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px;
  padding:24px 26px;background:var(--glass);border:1px solid var(--edge);
  border-radius:var(--r-lg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  box-shadow:var(--shadow-sm),var(--lift);
}
.da-front-filters input,.da-front-filters select{
  padding:14px 16px;border:1px solid var(--edge-line);border-radius:12px;
  font-size:14px;font-family:inherit;background:rgba(255,255,255,.7);color:var(--ink);
}
.da-front-filters input{flex:1;min-width:190px}
.da-front-filters input:focus,.da-front-filters select:focus{
  outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(240,133,43,.16);
}
.da-front-filters button{
  padding:14px 26px;background:linear-gradient(135deg,var(--accent-2),var(--accent));
  color:#fff;border:0;border-radius:11px;cursor:pointer;font-weight:600;
  font-family:inherit;font-size:14px;box-shadow:0 10px 26px var(--accent-glow);
}
.da-front-pager{display:flex;gap:10px;margin-top:24px;align-items:center;justify-content:center}

/* ---------- Cards and forms ---------- */
.da-front-card{
  background:var(--glass);border:1px solid var(--edge);border-radius:var(--r-lg);
  padding:34px;margin-bottom:20px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  box-shadow:var(--shadow),var(--lift);
}
.da-front-card h3{margin:0 0 8px;color:var(--ink);font-size:27px;font-weight:600}
.da-front-lede{color:var(--muted);margin:0 0 28px;font-size:15px;line-height:1.75}
.da-front-card label{display:block;margin-bottom:20px;font-size:12.5px;font-weight:400;color:var(--muted)}
.da-front-card label input[type="text"],
.da-front-card label input[type="email"],
.da-front-card label input[type="number"],
.da-front-card label select,
.da-front-card label textarea{
  display:block;width:100%;margin-top:9px;padding:14px 16px;
  border:1px solid var(--edge-line);border-radius:12px;font-size:15px;
  font-family:inherit;font-weight:400;background:rgba(255,255,255,.72);color:var(--ink);
}
.da-front-card label input::placeholder{color:#A9B3CC}
.da-front-card label input:focus,
.da-front-card label select:focus,
.da-front-card label textarea:focus{
  outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(240,133,43,.16);
}

.da-front-fields{border:0;padding:0;margin:0 0 28px}
.da-front-fields legend{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px;padding:0;font-family:'Sora',sans-serif}
.da-field-group{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--edge-line)}
.da-field-group:last-child{border-bottom:0}
.da-field-group strong{display:block;font-size:13px;margin-bottom:12px;color:var(--ink);font-weight:600}
.da-inline-check{
  display:inline-flex!important;align-items:center;gap:9px;
  margin:0 10px 10px 0!important;font-weight:400!important;font-size:13.5px!important;
  color:var(--body)!important;padding:10px 18px;background:rgba(255,255,255,.6);
  border:1px solid var(--edge-line);border-radius:24px;cursor:pointer;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.da-inline-check:hover{
  background:linear-gradient(135deg,rgba(245,169,79,.2),rgba(240,133,43,.12));
  border-color:var(--accent);box-shadow:0 4px 14px rgba(240,133,43,.18);
}
.da-inline-check input{margin:0;cursor:pointer;accent-color:var(--accent)}

.da-track-form{display:flex;gap:10px;align-items:center}
.da-track-form select{
  padding:12px 16px;border:1px solid var(--edge-line);border-radius:11px;
  font-size:13.5px;font-family:inherit;background:rgba(255,255,255,.72);color:var(--ink);
}

/* ---------- Dashboard ---------- */
.da-tabs{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap;border-bottom:0}
.da-tab{
  padding:12px 24px;text-decoration:none!important;color:var(--muted)!important;
  font-size:14.5px;border-radius:24px;background:var(--glass);
  border:1px solid var(--edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.da-tab:hover{color:var(--ink)!important;background:var(--glass-2)}
.da-tab.is-active{
  background:linear-gradient(135deg,var(--accent-2),var(--accent));
  color:#fff!important;border-color:transparent;font-weight:600;
  box-shadow:0 8px 22px var(--accent-glow);
}

.da-benchmark{
  display:flex;flex-wrap:wrap;gap:44px;padding:28px 34px;
  background:var(--glass);border:1px solid var(--edge);border-radius:var(--r-lg);
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  box-shadow:var(--shadow),var(--lift);
}
.da-benchmark span{font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.da-benchmark strong{font-family:'Sora',sans-serif;font-size:35px;color:var(--ink);font-weight:600;letter-spacing:-.03em}

/* ---------- Hero counter ---------- */
.da-counter{display:flex;flex-direction:column;gap:6px}
.da-counter-number{
  font-family:'Sora',sans-serif;font-size:68px;font-weight:700;line-height:1;letter-spacing:-.04em;
  background:linear-gradient(135deg,var(--ink) 30%,var(--accent));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.da-counter-label{font-size:13.5px;color:var(--muted)}

/* ---------- Messages ---------- */
.da-front-notice{
  background:linear-gradient(135deg,rgba(18,133,95,.14),rgba(18,133,95,.05));
  border:1px solid rgba(18,133,95,.24);border-left:3px solid var(--green);
  padding:16px 20px;margin-bottom:24px;font-size:14.5px;border-radius:12px;color:var(--ink);
}
.da-front-empty{
  color:var(--muted);padding:56px 26px;text-align:center;
  background:var(--glass);border:1px solid var(--edge);border-radius:var(--r-lg);
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  box-shadow:var(--shadow-sm),var(--lift);font-size:15px;
}
.da-front-empty strong{
  display:block;color:var(--ink);font-size:19px;margin-bottom:8px;
  font-weight:600;font-family:'Sora',sans-serif;
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .da-call,.da-front-card,.da-front-filters,.da-tab,.da-benchmark,.da-front-empty{background:rgba(255,255,255,.95)}
}

@media (max-width:640px){
  .da-front{padding:18px}
  .da-call{padding:20px}
  .da-call h3{font-size:19px}
  .da-call footer{flex-direction:column;align-items:stretch}
  .da-front-btn{width:100%}
  .da-track-form{width:100%}
  .da-track-form select{flex:1}
  .da-benchmark{gap:24px;padding:22px}
  .da-front-card{padding:22px}
  .da-counter-number{font-size:48px}
}
@media (prefers-reduced-motion:reduce){.da-front *{transition:none!important;transform:none!important}}