/* Beeto landing page: login / sign-up popup (markup already lives in index.html). */
.la-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(6,10,18,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.la-overlay.hidden{display:none!important}
.la-modal{position:relative;width:100%;max-width:400px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:34px 28px 26px;border-radius:18px;text-align:center;color:#EDEAE0;background:#131A26;background-image:radial-gradient(circle at 15% 10%,rgba(201,150,46,.10),transparent 45%),radial-gradient(circle at 85% 90%,rgba(201,150,46,.07),transparent 45%);border:1px solid #263047;box-shadow:0 24px 70px -20px rgba(0,0,0,.65);animation:laIn .25s ease both}
@keyframes laIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.la-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#8B93A7;font-size:24px;line-height:1;cursor:pointer}
.la-close:hover{color:#EDEAE0;background:rgba(255,255,255,.06)}
.la-modal h3{margin:0 0 6px;font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:700;letter-spacing:-.01em;color:#EDEAE0}
.la-sub{margin:0 0 20px;font-size:14.5px;line-height:1.45;color:#8B93A7}
.la-error{display:none;margin:0 0 14px;padding:10px 12px;border-radius:10px;font-size:13.5px;text-align:left;color:#F0907A;background:rgba(224,118,90,.10);border:1px solid rgba(224,118,90,.35)}
.la-error.show{display:block}
.la-error.ok{color:#8FD0A0;background:rgba(125,184,138,.10);border-color:rgba(125,184,138,.35)}
#laForm{display:flex;flex-direction:column;gap:10px}
.la-field{width:100%;padding:14px;border-radius:12px;border:1px solid #263047;background:#0E141E;color:#EDEAE0;font:500 15.5px 'Instrument Sans',system-ui,sans-serif}
.la-field::placeholder{color:#8B93A7}
.la-field:focus{outline:2px solid #C9962E;outline-offset:1px;border-color:transparent}
.la-forgot{align-self:flex-end;margin:0;padding:2px 0;border:0;background:none;color:#D9A93C;font:500 13.5px 'Instrument Sans',system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.la-submit{width:100%;margin-top:4px;padding:14px 22px;border-radius:12px;font-size:16px}
.la-submit:disabled{opacity:.6;cursor:wait}
.la-divider{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:13px;color:#8B93A7}
.la-divider::before,.la-divider::after{content:"";flex:1;height:1px;background:#263047}
.la-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:0 0 10px;padding:13px 16px;border-radius:12px;border:1px solid #263047;background:#fff;color:#1F1F1F;font:600 15px 'Instrument Sans',system-ui,sans-serif;cursor:pointer;transition:background .15s}
.la-google:hover{background:#f1f1f1}
.la-toggle{margin:16px 0 0;font-size:14px;color:#8B93A7}
.la-toggle button{margin-left:4px;padding:0;border:0;background:none;color:#D9A93C;font:600 14px 'Instrument Sans',system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.la-legal{margin:14px 0 0;font-size:12px;line-height:1.5;color:#8B93A7}
.la-legal a{color:#D9A93C}
@media (prefers-reduced-motion:reduce){.la-modal{animation:none}}