/* signup.css — shared for signup & login */
:root{
  --bg:#ffffff; --text:#0f172a; --muted:#64748b; --brand:#2563eb; --panel:#ffffff; --border:#e5e7eb;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif; background:var(--bg); color:var(--text); display:flex; flex-direction:column; min-height:100vh}
.site-header{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--border); background:#fff; position:sticky; top:0; z-index:10}
.site-header .logo img{height:44px; display:block}
.nav{display:flex; gap:16px; flex-wrap:wrap; font-size:14px}
.nav a{color:var(--muted); text-decoration:none} .nav a.active,.nav a:hover{color:var(--brand)}
.lang-switch{font-weight:700}
.container{width:min(720px,92vw); margin:28px auto; background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:22px; box-shadow:0 10px 24px rgba(0,0,0,.05)}
h1{margin:0 0 8px; font-size:28px} h1+p{margin:0 0 16px; color:var(--muted)}
form{margin-top:8px} form .grid{display:grid; grid-template-columns:1fr 1fr; gap:12px}
@media (max-width:640px){form .grid{grid-template-columns:1fr}}
input{width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:10px; font-size:15px; transition:border-color .15s, box-shadow .15s; background:#fff; color:var(--text)}
input::placeholder{color:#94a3b8} input:focus{outline:none; border-color:var(--brand); box-shadow:0 0 0 3px rgba(37,99,235,.15)}
button.btn,.btn{display:inline-block; padding:12px 16px; background:var(--brand); color:#fff; border:none; border-radius:12px; font-weight:700; cursor:pointer; text-decoration:none; text-align:center; transition:filter .15s, transform .02s}
button.btn:hover,.btn:hover{filter:brightness(1.05)} button.btn:active,.btn:active{transform:translateY(1px)}
.actions{margin-top:14px; display:flex; gap:10px; flex-wrap:wrap} .actions .secondary{background:#6b7280}
.login-link{margin-top:12px} .login-link a{color:#1d4ed8; text-decoration:none; border-bottom:1px dashed transparent} .login-link a:hover{border-bottom-color:#1d4ed8}
.site-footer{margin-top:auto; padding:18px; text-align:center; color:var(--muted); border-top:1px solid var(--border)}
[dir="rtl"] .nav{flex-direction:row-reverse} [dir="rtl"] input{text-align:right}