/* TutorZone 導師登記表 — 現代版（同「免費搵導師表」同一設計語言）
   純 CSS 層，唔改 PHP 結構。色：深藍 #021e40 / 線 #cfd8e3 / 字 #243244 / 淺底 #f5f7fb */
form.wpcf7-form{
  background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(2,30,64,.08);
  border-top:4px solid #021e40;padding:22px 20px 26px;max-width:780px;margin:18px auto;
}
form.wpcf7-form h5,form.wpcf7-form label,.wpcf7 label{
  display:block;font-size:14.5px;font-weight:700;color:#243244;margin:0 0 6px;line-height:1.45;
}
form.wpcf7-form input[type=text],form.wpcf7-form input[type=email],form.wpcf7-form input[type=password],
form.wpcf7-form input[type=tel],form.wpcf7-form input[type=number],form.wpcf7-form input[type=date],
form.wpcf7-form input[type=url],form.wpcf7-form select,form.wpcf7-form textarea{
  width:100%;max-width:440px;padding:11px 13px;border:1px solid #cfd8e3;border-radius:9px;
  font-size:15.5px;line-height:1.4;background:#fff;color:#243244;box-sizing:border-box;
  transition:border-color .15s,box-shadow .15s;
}
form.wpcf7-form input:focus,form.wpcf7-form select:focus,form.wpcf7-form textarea:focus{
  outline:none;border-color:#021e40;box-shadow:0 0 0 3px rgba(2,30,64,.10);
}
form.wpcf7-form input::placeholder,form.wpcf7-form textarea::placeholder{color:#7b8797}
form.wpcf7-form p{margin:0 0 16px}
form.wpcf7-form .wpcf7-form-control.wpcf7-text:not(input):not(select):not(textarea){
  color:#7b8797;font-size:13px;margin-top:4px;
}
/* 條款／勾選區 */
form.wpcf7-form label:has(input[type=checkbox]),form.wpcf7-form .wpcf7-list-item label{
  font-weight:400;font-size:14px;line-height:1.6;color:#243244;margin:8px 0;
}
form.wpcf7-form input[type=checkbox]{width:18px;height:18px;margin-right:8px;vertical-align:-3px;accent-color:#021e40}
/* 按鈕（下一步／提交） */
form.wpcf7-form input[type=submit],form.wpcf7-form input[type=button],form.wpcf7-form button,
form.wpcf7-form .wpcf7-submit{
  background:#021e40 !important;color:#fff !important;border:0 !important;border-radius:10px !important;
  padding:14px 30px !important;font-size:16px !important;font-weight:700 !important;
  min-width:190px;cursor:pointer;margin-top:8px;box-shadow:0 4px 14px rgba(2,30,64,.18);
  transition:background .15s,transform .05s;
}
form.wpcf7-form input[type=submit]:hover,form.wpcf7-form input[type=button]:hover,
form.wpcf7-form .wpcf7-submit:hover{background:#06306a !important}
form.wpcf7-form .wpcf7-submit:active{transform:translateY(1px)}
/* Facebook 註冊掣（次要） */
form.wpcf7-form input[value*="Facebook"]{background:#fff !important;color:#021e40 !important;
  border:1.5px solid #cfd8e3 !important;box-shadow:none !important;font-weight:600 !important}
/* 分區標題 */
form.wpcf7-form h3,form.wpcf7-form h4,form.wpcf7-form .tz-sec{
  font-size:17px;font-weight:800;color:#021e40;margin:22px 0 12px;padding-bottom:8px;border-bottom:1px solid #e3e8f0}
/* 頁面標題（創建導師賬號）做一個深藍頭 */
h1:first-of-type,h2:first-of-type{letter-spacing:.2px}
.tz-signup-hero{background:linear-gradient(135deg,#021e40,#0d3b6e);color:#fff;border-radius:14px 14px 0 0;
  padding:20px 22px;max-width:780px;margin:18px auto -18px;box-shadow:0 6px 24px rgba(2,30,64,.12)}
.tz-signup-hero h3,.tz-signup-hero .tz-signup-step{margin:0;font-size:18px;font-weight:800;color:#fff;border:0;padding:0}
.tz-signup-hero p{margin:6px 0 0;font-size:13.5px;opacity:.85}
.tz-signup-hero+.wpcf7,form.wpcf7-form{border-radius:0 0 14px 14px;border-top:0}
@media (max-width:640px){
  form.wpcf7-form{padding:18px 15px 22px;margin:14px 10px}
  form.wpcf7-form input[type=text],form.wpcf7-form input[type=email],form.wpcf7-form input[type=password],
  form.wpcf7-form input[type=tel],form.wpcf7-form select,form.wpcf7-form textarea{max-width:100%}
  form.wpcf7-form input[type=submit],form.wpcf7-form input[type=button],form.wpcf7-form .wpcf7-submit{width:100% !important}
  .tz-signup-hero{margin:14px 10px -18px;padding:16px 15px}
}

/* ── v2：擴展到所有登記步驟頁（唔止 CF7 表單）── */
form{max-width:780px;margin:0 auto}
form input[type=text],form input[type=email],form input[type=password],form input[type=tel],
form input[type=number],form input[type=date],form input[type=url],form input[type=search],
form select,form textarea{
  width:100%;max-width:440px;padding:11px 13px;border:1px solid #cfd8e3;border-radius:9px;
  font-size:15.5px;line-height:1.4;background:#fff;color:#243244;box-sizing:border-box;
  transition:border-color .15s,box-shadow .15s;
}
form input[type=text]:focus,form input[type=email]:focus,form input[type=password]:focus,
form input[type=tel]:focus,form input[type=number]:focus,form input[type=date]:focus,
form select:focus,form textarea:focus{outline:none;border-color:#021e40;box-shadow:0 0 0 3px rgba(2,30,64,.10)}
form input::placeholder,form textarea::placeholder{color:#7b8797}
form label,form h5,form .tz-lab{display:block;font-size:14.5px;font-weight:700;color:#243244;margin:14px 0 6px;line-height:1.45}
form input[type=checkbox],form input[type=radio]{width:18px;height:18px;margin-right:8px;vertical-align:-3px;accent-color:#021e40}
form input[type=submit],form input[type=button],form button,.tz-btn-primary{
  background:#021e40 !important;color:#fff !important;border:0 !important;border-radius:10px !important;
  padding:14px 30px !important;font-size:16px !important;font-weight:700 !important;min-width:190px;
  cursor:pointer;margin-top:10px;box-shadow:0 4px 14px rgba(2,30,64,.18);
}
form input[type=submit]:hover,form input[type=button]:hover,form button:hover{background:#06306a !important}
form input[value*="Facebook"]{background:#fff !important;color:#021e40 !important;border:1.5px solid #cfd8e3 !important;box-shadow:none !important}
/* 分區／表格（有啲步驟用 table 排版） */
form table,table.tz-form{width:100%;border-collapse:separate;border-spacing:0 6px}
form th{text-align:left;font-size:14.5px;font-weight:700;color:#243244;padding:4px 8px 4px 0;vertical-align:top}
form td{padding:2px 8px 2px 0}
form td input,form td select{max-width:100%}
/* 標題（只喺登記頁載入，所以安全）*/
.page-content h1,.content-area>h1,h1.entry-title{font-size:30px;line-height:1.32;color:#021e40;font-weight:800;margin:6px 0 14px}
h2,h3,h5{color:#021e40}
.tz-signup-hero{background:linear-gradient(135deg,#021e40,#0d3b6e);color:#fff;border-radius:14px 14px 0 0;
  padding:20px 22px;max-width:780px;margin:18px auto -18px;box-shadow:0 6px 24px rgba(2,30,64,.12)}
.tz-signup-hero h1,.tz-signup-hero h2,.tz-signup-hero h3{margin:0;font-size:18px;font-weight:800;color:#fff}
@media (max-width:640px){
  form input[type=text],form input[type=email],form input[type=password],form input[type=tel],
  form input[type=number],form select,form textarea{max-width:100%}
  form input[type=submit],form input[type=button],form button{width:100% !important}
  .page-content h1,.content-area>h1,h1.entry-title{font-size:24px}
}