#echobay-native-entry { position:fixed; inset:0; z-index:2147483647; overflow:auto; color:#30465c;
  font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;
  background:#b4d6ef url('../assets/assets/images/auth/echobay_entry_sea.webp') center/cover no-repeat;
  background-blend-mode:screen; transition:opacity 220ms ease; }
#echobay-native-entry[hidden] { display:none; }
#echobay-native-entry.is-leaving { opacity:0; pointer-events:none; }
.eb-entry-brand { position:absolute; top:calc(24px + env(safe-area-inset-top)); left:7vw; font-size:20px; font-weight:600; }
.eb-entry-help { position:absolute; top:calc(22px + env(safe-area-inset-top)); right:7vw; color:inherit; padding:8px; text-decoration:none; }
.eb-entry-layout { box-sizing:border-box; min-height:100%; padding:112px 7vw 36px; display:flex; align-items:center; gap:64px;
  transition:opacity 240ms ease,transform 300ms cubic-bezier(.4,0,.2,1); }
.eb-entry-intro { flex:1; }
.eb-entry-intro h2 { margin:0 0 20px; font-size:64px; line-height:1.2; letter-spacing:-.8px; font-weight:500; }
.eb-entry-intro p { margin:0; font-size:16px; line-height:1.7; color:#435970; }
.eb-entry-moments { display:flex; gap:18px; margin-top:28px; }
.eb-entry-moments figure { margin:0; text-align:center; color:#435970; font-size:12px; letter-spacing:.5px; }
.eb-entry-moments img { display:block; width:102px; height:102px; }
.eb-entry-card { box-sizing:border-box; width:420px; max-width:100%; padding:28px; border:1px solid #c5d4e3b8;
  border-radius:24px; background:#fffcf5ef; box-shadow:0 22px 40px #31547729; }
.eb-entry-card h2 { font-size:24px; font-weight:500; margin:0 0 24px; }
.eb-entry-card label { display:block; margin:0 0 6px; font-size:13px; }
.eb-entry-field { position:relative; margin-bottom:18px; }
.eb-entry-field input { box-sizing:border-box; width:100%; height:48px; border:1px solid #c5d4e3a8; border-radius:16px;
  background:#f8fbffdd; color:#30465c; padding:12px 44px 12px 16px; font:inherit; font-size:16px; }
.eb-entry-field input:focus { outline:2px solid #8fbbdd; outline-offset:2px; }
.eb-entry-label { display:flex; justify-content:space-between; align-items:center; }
.eb-entry-card a { color:#416f98; font-size:13px; text-decoration:none; }
.eb-entry-card a:hover { text-decoration:underline; }
.eb-entry-toggle { position:absolute; right:8px; top:4px; width:40px; height:40px; border:0; background:transparent; color:#60778b; cursor:pointer; }
.eb-entry-toggle svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; }
.eb-entry-submit { width:100%; min-height:48px; border:1px solid #416f9830; border-radius:16px; background:#416f98; color:white;
  font:inherit; cursor:pointer; transition:background 160ms,transform 160ms; }
.eb-entry-submit:hover { background:#365f83; }.eb-entry-submit:active { transform:scale(.985); }
.eb-entry-card button:focus-visible,.eb-entry-card a:focus-visible { outline:2px solid #b48745; outline-offset:3px; }
.eb-entry-footer { text-align:center; margin:20px 0 0; font-size:13px; color:#60778b; }
.eb-entry-error { color:#9a423b; font-size:13px; line-height:1.6; padding:10px 12px; border-radius:12px; background:#fae9e5; margin-bottom:12px; }
#echobay-native-entry.is-submitting .eb-entry-layout { opacity:0; transform:translateY(10px); pointer-events:none; }
#echobay-native-entry.is-submitting .eb-entry-brand::after { content:""; display:block; margin-top:10px; width:64px; height:2px;
  background:linear-gradient(90deg,#30465c20,#b48745,#30465c20); background-size:200% 100%; animation:eb-entry-wait 1.8s ease-in-out infinite; }
@keyframes eb-entry-wait { to { background-position:200% 0; } }
@media(max-width:959px) { .eb-entry-layout { flex-direction:column; justify-content:center; gap:32px; }.eb-entry-intro { flex:none; text-align:center; }
  .eb-entry-intro h2 { font-size:32px; }.eb-entry-intro h2 br { display:none; }.eb-entry-moments { margin-top:16px; }.eb-entry-moments img { display:none; } }
@media(max-width:599px) { .eb-entry-layout { padding:100px 24px calc(32px + env(safe-area-inset-bottom)); }.eb-entry-brand { left:24px; }.eb-entry-help { right:18px; } }
@media(max-height:699px) and (max-width:959px) { .eb-entry-intro { display:none; }.eb-entry-layout { justify-content:flex-start; } }
@media(prefers-reduced-motion:reduce) { #echobay-native-entry,.eb-entry-layout,.eb-entry-submit { transition:none; }#echobay-native-entry.is-submitting .eb-entry-brand::after { animation:none; } }