/* TajweedDesk — Onboarding (teacher signup + student join) */

.tdw-ob-wrap{
    font-family:"DM Sans",system-ui,sans-serif;
    color:#1e3530;
    padding:24px 16px;
    -webkit-font-smoothing:antialiased;
}
.tdw-ob-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:48px;
    max-width:1040px;
    margin:0 auto;
    align-items:start;
}
@media (max-width:860px){
    .tdw-ob-grid{grid-template-columns:1fr;gap:28px}
}

/* ── Pitch column ─────────────────────────────────────────── */
.tdw-ob-kicker{
    display:inline-block;
    font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:#1a7a6e;background:#e7f5f2;border-radius:99px;
    padding:5px 14px;margin-bottom:18px;
}
.tdw-ob-title{
    font-size:clamp(30px,4.4vw,44px);
    line-height:1.12;font-weight:700;letter-spacing:-.02em;
    margin:0 0 14px;color:#14302a;
}
.tdw-ob-title em{font-style:italic;color:#1a7a6e}
.tdw-ob-sub{font-size:16px;line-height:1.6;color:#52685f;margin:0 0 26px;max-width:480px}
.tdw-ob-points{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:16px}
.tdw-ob-points li{display:flex;gap:14px;align-items:flex-start}
.tdw-ob-points li>span{
    flex:0 0 auto;width:40px;height:40px;border-radius:12px;
    background:#e7f5f2;display:flex;align-items:center;justify-content:center;font-size:19px;
}
.tdw-ob-points li>div{font-size:14px;line-height:1.5;color:#52685f}
.tdw-ob-points li strong{color:#14302a;font-size:15px}
.tdw-ob-trust{font-size:13px;font-weight:600;color:#1a7a6e}

/* ── Form card ────────────────────────────────────────────── */
.tdw-ob-card{
    background:#ffffff;
    border:1px solid #e3edea;
    border-radius:18px;
    padding:30px 28px;
    box-shadow:0 14px 40px -18px rgba(20,72,64,.22);
}
.tdw-ob-card--solo{max-width:480px;margin:0 auto}
.tdw-ob-card-title{font-size:22px;font-weight:700;margin:0 0 6px;color:#14302a}
.tdw-ob-card-sub{font-size:14px;color:#6b8079;margin:0 0 22px;line-height:1.5}
.tdw-ob-bigicon{font-size:42px;margin-bottom:10px;text-align:center}
.tdw-ob-card--solo .tdw-ob-card-title,
.tdw-ob-card--solo .tdw-ob-card-sub{text-align:center}

.tdw-ob-field{margin-bottom:16px}
.tdw-ob-field label{
    display:block;font-size:13px;font-weight:600;color:#33514c;margin-bottom:6px;
}
.tdw-ob-field label b{color:#c0392b;font-weight:700}
.tdw-ob-field label small{font-weight:400;color:#8aa099}
.tdw-ob-field input,
.tdw-ob-field textarea{
    width:100%;box-sizing:border-box;
    padding:11px 14px;font-size:15px;font-family:inherit;color:#1e3530;
    background:#fbfdfc;border:1.5px solid #d8e5e1;border-radius:10px;
    transition:border-color .15s, box-shadow .15s;
}
.tdw-ob-field input:focus,
.tdw-ob-field textarea:focus{
    outline:none;border-color:#1a7a6e;
    box-shadow:0 0 0 3px rgba(26,122,110,.14);
}
.tdw-ob-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}

.tdw-ob-error{
    display:none;
    background:#fdeceb;color:#9b2c20;border:1px solid #f2c6c1;
    border-radius:10px;padding:10px 14px;font-size:13.5px;line-height:1.45;
    margin-bottom:14px;
}
.tdw-ob-error.is-visible{display:block}

.tdw-ob-submit{
    display:block;width:100%;box-sizing:border-box;text-align:center;
    padding:14px 20px;border:0;border-radius:12px;cursor:pointer;
    background:#1a7a6e;color:#fff;font-size:15.5px;font-weight:700;font-family:inherit;
    transition:background .15s, transform .1s;
    text-decoration:none;
}
.tdw-ob-submit:hover{background:#14655b}
.tdw-ob-submit:active{transform:translateY(1px)}
.tdw-ob-submit:disabled{background:#9bbfb9;cursor:wait}
.tdw-ob-submit--link{display:inline-block;width:auto;margin:8px auto 0}

.tdw-ob-fineprint{font-size:12.5px;color:#8aa099;line-height:1.5;margin:14px 0 0;text-align:center}
.tdw-ob-fineprint a{color:#1a7a6e;font-weight:600}
.tdw-ob-redirect{
    font-family:"DM Sans",sans-serif;background:#e7f5f2;color:#11574e;
    padding:16px 20px;border-radius:12px;font-size:15px;max-width:560px;margin:24px auto;
}
.tdw-ob-redirect a{color:#11574e;font-weight:700}

/* ── Join page: teacher card + steps ──────────────────────── */
.tdw-join-teacher{
    display:flex;gap:16px;align-items:center;
    background:#f3faf8;border:1px solid #dcebe7;border-radius:14px;
    padding:16px 18px;margin-bottom:20px;
}
.tdw-join-avatar{
    flex:0 0 auto;width:54px;height:54px;border-radius:50%;
    background:#1a7a6e;color:#fff;font-size:24px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
}
.tdw-join-invites{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b8079;font-weight:600}
.tdw-join-tname{font-size:18px;font-weight:700;color:#14302a;margin-top:2px}
.tdw-join-tbio{font-size:13px;color:#52685f;margin-top:3px;line-height:1.45}

.tdw-join-how{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.tdw-join-how li{display:flex;gap:12px;align-items:center;font-size:14px;color:#33514c}
.tdw-join-how li span{
    flex:0 0 auto;width:24px;height:24px;border-radius:50%;
    background:#e7f5f2;color:#1a7a6e;font-size:12px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
}

@media (prefers-reduced-motion:reduce){
    .tdw-ob-submit{transition:none}
}