/* ===== register.html inline style 1 ===== */
:root{
      --black:#0f172a; --muted:#6b7280; --line:#eef2f7; --gold:#d4a019; --bg:#fbfcfe;
    }

    body{ background:linear-gradient(180deg,#f7fafc,#fff); color:var(--black); -webkit-font-smoothing:antialiased; }
    .container-xl{ max-width:980px; margin:0 auto; padding:1rem; }

    /* header */
    .page-head{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin:.5rem 0 1rem; }
    .lang-switch .btn{ border:1px solid #e5e7eb; padding:.45rem .8rem; border-radius:.7rem; background:#fff; }
    .lang-switch .btn.active{ color:#fff; background:var(--black); border-color:var(--black); }

    /* table layout */
    .auth-wrap{ position:relative; border:1px solid var(--line); border-radius:1rem; background:#fff; box-shadow:0 10px 28px rgba(2,6,23,.06); padding:1.25rem 1.25rem 1.5rem; overflow:visible; }
    .auth-title{ font-weight:900; font-size:1.2rem; margin:0 0 1rem; }
    table.auth-table{ width:100%; border-collapse:separate; border-spacing:0; }
    table.auth-table th, table.auth-table td{ padding:.65rem .75rem; border-bottom:1px solid var(--line); vertical-align:middle; }
    table.auth-table th{ width:220px; text-align:start; color:#374151; font-weight:700; white-space:nowrap; }
    table.auth-table tr:last-child th, table.auth-table tr:last-child td{ border-bottom:0; }

    .field{ width:100%; }
    .field input{ width:100%; border:1px solid var(--line); border-radius:.6rem; padding:.65rem .8rem; }
    .field input:focus{ outline:none; border-color:#d1d5db; box-shadow:0 0 0 3px rgba(17,24,39,.08); }

    .muted{ color:var(--muted); }

    .actions-row{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:flex-end; margin-top:1rem; }
    .btn{ border:1px solid #e5e7eb; padding:.6rem .9rem; border-radius:.8rem; background:#fff; color:var(--black); transition:transform .15s, box-shadow .15s; }
    .btn:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.06); }
    .btn-primary{ background:var(--black); color:#fff; border-color:var(--black); }
    .btn-google{ display:inline-flex; align-items:center; gap:.55rem; font-weight:700; }
    .btn-google svg{ width:18px; height:18px; }

    .agree-line{ display:flex; align-items:center; gap:.5rem; padding-top:.4rem; }

    /* responsive table -> stacked rows */
    @media(max-width:640px){
      table.auth-table, tbody, tr, th, td{ display:block; width:100%; }
      table.auth-table th{ padding-bottom:.35rem; border:0; }
      table.auth-table td{ padding-top:0; border-bottom:1px dashed var(--line); }
      .actions-row{ justify-content:center; }
    }

    /* loader */
    #loader{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:60; background:rgba(255,255,255,.55); backdrop-filter:blur(3px); }
    #loader.active{ display:flex; }
    .spinner{ width:56px; height:56px; border-radius:9999px; border:6px solid rgba(0,0,0,.06); border-top-color:var(--gold); animation:spin .9s linear infinite; }
    @keyframes spin{ to{ transform:rotate(360deg); } }

    .msg{ margin-top:.6rem; font-weight:700; }
    .msg.err{ color:#b91c1c; }
    .msg.ok { color:#047857; }

    /* simple modal for "verification email sent" */
    .modal{ position:fixed; inset:0; z-index:80; display:none; align-items:center; justify-content:center; }
    .modal.show{ display:flex; }
    .modal::before{ content:""; position:absolute; inset:0; background:rgba(2,6,23,.45); backdrop-filter:blur(3px); }
    .modal-card{ position:relative; z-index:81; width:min(540px,92vw); background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 18px 48px rgba(2,6,23,.18); padding:18px; }
    .modal-title{ font-weight:900; font-size:1.05rem; margin-bottom:.25rem; }
    .modal-actions{ display:flex; gap:.5rem; justify-content:flex-end; margin-top:12px; }