:root{
  --ebp-blue:#2f69c7;
  --ebp-blue-dark:#1f4f9b;
  --ebp-blue-soft:#eef5ff;
  --ebp-text:#20314b;
  --ebp-muted:#697891;
  --ebp-line:#dbe6f5;
  --ebp-white:#ffffff;
  --ebp-shadow:0 25px 60px rgba(21,51,96,.16);
}

.ebp-page{
  width:100%;
}

.ebp-wrapper{
  min-height:100vh;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:56px 20px;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 12% 18%, rgba(188,219,255,.34) 0, rgba(188,219,255,0) 28%),
    radial-gradient(circle at 88% 24%, rgba(145,192,255,.16) 0, rgba(145,192,255,0) 28%),
    linear-gradient(180deg, rgba(240,247,255,.82) 0%, rgba(225,238,255,.72) 100%);
}

.ebp-card{
  width:100%;
  max-width:560px;
  background:rgba(255,255,255,.95);
  border-radius:28px;
  box-shadow:var(--ebp-shadow);
  padding:22px 22px 26px;
  box-sizing:border-box;
  border:none;
}

.ebp-header{
  text-align:center;
  padding:4px 6px 18px;
}

.ebp-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:118px;
  margin-bottom:6px;
}

.ebp-logo{
  display:block;
  width:100%;
  max-width:190px;
  max-height:100px;
  object-fit:contain;
  height:auto;
}

.ebp-logo-text{
  font-weight:800;
  font-size:32px;
  color:var(--ebp-blue);
  margin-bottom:10px;
}

.ebp-kicker{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:var(--ebp-blue-soft);
  color:var(--ebp-blue-dark);
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
}

.ebp-header h2{
  margin:14px 0 8px;
  font-size:30px;
  line-height:1.1;
  color:var(--ebp-text);
}

.ebp-header p{
  margin:0;
  color:var(--ebp-muted);
  font-size:14px;
}

.ebp-success{
  margin:0 0 16px;
  padding:16px 18px;
  border-radius:18px;
  background:#eef6ff;
  border:1px solid #cfe1fa;
  color:#2856a7;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.ebp-progress-wrap{margin:0 2px 18px}
.ebp-progress-bar{height:10px;background:#e7edf6;border-radius:999px;overflow:hidden}
.ebp-progress-bar span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#4f92e8,#2f69c7);border-radius:999px;transition:width .25s ease}
.ebp-progress-text{text-align:right;color:var(--ebp-muted);font-size:12px;margin-top:7px}

.ebp-accordion{display:flex;flex-direction:column;gap:12px}
.ebp-item{background:#fff;border:1px solid var(--ebp-line);border-radius:22px;overflow:hidden;box-shadow:0 10px 24px rgba(44,91,170,.06)}
.ebp-toggle{all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:18px 18px 16px;cursor:pointer}
.ebp-toggle strong{display:block;color:var(--ebp-text);font-size:16px;margin-bottom:4px}
.ebp-toggle small{display:block;color:var(--ebp-muted);font-size:12px}
.ebp-item.is-open .ebp-toggle{background:linear-gradient(135deg,#3e79d8,#2f69c7)}
.ebp-item.is-open .ebp-toggle strong,.ebp-item.is-open .ebp-toggle small,.ebp-item.is-open .ebp-arrow{color:#fff}
.ebp-arrow{font-size:24px;color:var(--ebp-blue);line-height:1;transform:rotate(0deg);transition:transform .2s ease}
.ebp-item.is-open .ebp-arrow{transform:rotate(180deg)}
.ebp-content{display:none;padding:0 18px 18px}
.ebp-item.is-open .ebp-content{display:block}
.ebp-field{margin-top:14px}
.ebp-label{display:block;font-weight:700;color:var(--ebp-text);margin-bottom:8px;font-size:14px}
.ebp-input,.ebp-textarea{width:100%;box-sizing:border-box;border:1px solid var(--ebp-line);background:#fbfdff;border-radius:16px;padding:14px 15px;font-size:14px;color:var(--ebp-text);outline:none}
.ebp-input:focus,.ebp-textarea:focus{border-color:#8fb9f0;box-shadow:0 0 0 4px rgba(79,146,232,.14)}
.ebp-options{display:flex;flex-wrap:wrap;gap:10px}
.ebp-chip{position:relative}
.ebp-chip input{position:absolute;opacity:0;pointer-events:none}
.ebp-chip span{display:inline-block;padding:12px 14px;border-radius:999px;background:#f7fbff;border:1px solid var(--ebp-line);color:var(--ebp-text);font-size:13px;cursor:pointer;transition:all .18s ease}
.ebp-chip input:checked + span{background:#edf4ff;border-color:#8fb9f0;color:var(--ebp-blue-dark);font-weight:700}
.ebp-nav{display:flex;gap:10px;justify-content:space-between;margin-top:18px;flex-wrap:wrap}
.ebp-btn{appearance:none;border:none;border-radius:18px;padding:14px 20px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#4f92e8,#2f69c7);color:#fff;box-shadow:0 12px 24px rgba(47,105,199,.2)}
.ebp-btn-light{background:#f5f9ff;color:var(--ebp-text);box-shadow:none;border:1px solid var(--ebp-line)}
.ebp-submit{width:100%}
.ebp-draft-note{text-align:center;color:var(--ebp-muted);font-size:12px;padding-top:12px}

@media (max-width:640px){
  .ebp-wrapper{padding:28px 12px}
  .ebp-card{padding:16px 16px 20px;border-radius:24px}
  .ebp-header h2{font-size:24px}
  .ebp-logo-wrap{min-height:96px}
  .ebp-logo{max-width:160px;max-height:82px}
}