/* WattleAssess public screens: warm plum, restrained animated artwork, and clear Arial typography. */
.auth-welcome-layout,.auth-product-page { --auth-plum:#613d52; --auth-ink:#362631; --auth-lilac:#f0e6eb; --auth-peach:#f8eae3; --auth-sun:#faf0d9; color:var(--ink,#352c32); font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.6; }
.auth-welcome-layout { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:30px; max-width:1080px; margin:27px auto 35px; }
.auth-assessment-panel { position:relative; padding:32px 32px 24px; border-radius:20px; border:1px solid #e3d4dc; background:var(--auth-lilac); overflow:hidden; }
.auth-audience { display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
.auth-audience > span { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; font-size:12px; font-weight:600; border:1px solid #d3bdc9; border-radius:20px; color:var(--auth-ink); background:#ffffffa6; }
.auth-audience .icon { width:14px; height:14px; }
.auth-assessment-panel h2 { font:700 32px/1.2 Arial,Helvetica,sans-serif; letter-spacing:normal; color:var(--auth-ink); margin:25px 0 14px; }
.auth-assessment-panel > p { font-size:14px; line-height:1.7; color:#6c5a64; margin:0; max-width:370px; }
.auth-assessment-illustration { width:calc(100% + 8px); margin:-5px -4px -8px; }
.auth-assessment-illustration > svg,.auth-product-art > svg,.auth-feedback-art > svg { display:block; width:100%; height:auto; }
.auth-assessment-summary { display:flex; align-items:center; gap:12px; padding:15px; background:#ffffffa6; border:1px solid #ddcbd5; border-radius:12px; }
.auth-summary-icon { display:grid; place-items:center; width:39px; height:39px; flex-shrink:0; border-radius:11px; background:#e8bb62; color:#362631; }
.auth-assessment-summary strong { display:block; font-size:13px; font-weight:600; color:var(--auth-ink); }
.auth-assessment-summary div > span { display:block; font-size:12px; line-height:1.5; color:#6c5a64; margin-top:3px; }
.auth-login-panel { width:100%; margin:0; padding:35px; border:1px solid var(--line,#e2d9dd); border-radius:16px; background:var(--surface,#fff); box-shadow:0 7px 28px #36263107; }
.auth-login-heading { display:flex; align-items:center; gap:12px; margin-bottom:13px; }
.auth-login-symbol { display:grid; place-items:center; width:41px; height:41px; border-radius:12px; background:var(--auth-peach); color:#a85c43; }
.auth-login-panel h1 { font:700 27px/1.3 Arial,Helvetica,sans-serif; letter-spacing:normal; margin:0; color:var(--ink,#352c32); }
.auth-login-description { color:var(--muted,#74686d); font-size:14px; margin:0 0 30px; }
.auth-login-form .field + .field { margin-top:19px; }
.auth-login-form .field label { color:var(--ink,#352c32); font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:600; margin-bottom:8px; }
.auth-login-form input#email,.auth-login-form input#password { background:var(--surface,#fff); color:var(--ink,#352c32); border:1px solid var(--line,#e2d9dd); border-radius:9px; min-height:46px; padding:11px 12px; font-family:Arial,Helvetica,sans-serif; font-size:14px; box-shadow:none; }
.auth-login-form .field input::placeholder { color:var(--muted,#74686d); opacity:1; }
.auth-login-form .password-field { position:relative; }
.auth-login-form .password-field button { position:absolute; top:4px; right:4px; min-height:38px; padding:6px 10px; border:0; border-radius:6px; background:transparent; color:var(--accent,#613d52); font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:400; box-shadow:none; }
.auth-login-form .password-field button:hover { background:var(--neutral-bg,#f2ecef); }
.auth-login-form .auth-login-submit { display:flex; justify-content:space-between; width:100%; min-height:46px; margin-top:25px; padding:11px 15px; border-radius:9px; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:600; background:var(--accent,#613d52); color:var(--accent-ink,#fff); border:1px solid var(--accent,#613d52); box-shadow:none; transform:none; }
.auth-login-form .auth-login-submit:hover { filter:brightness(.94); transform:none; box-shadow:none; }
.auth-login-help { margin-top:29px; padding-top:22px; border-top:1px solid var(--line,#e2d9dd); color:var(--muted,#74686d); font-size:13px; line-height:1.6; }
.auth-login-help h2 { font:600 14px/1.4 Arial,Helvetica,sans-serif; color:var(--ink,#352c32); letter-spacing:normal; margin:0 0 8px; }
.auth-login-help p { margin:0; }
.auth-login-help p + p { margin-top:11px; }
.auth-product-page { max-width:1160px; margin:15px auto 30px; }
.auth-product-hero { display:grid; grid-template-columns:1fr 1.04fr; align-items:center; gap:30px; border:1px solid #e3d4dc; border-radius:20px; padding:35px 37px; background:var(--auth-lilac); }
.auth-product-label { display:inline-flex; align-items:center; gap:8px; color:var(--auth-plum); font-size:13px; font-weight:600; }
.auth-product-label .icon { width:17px; height:17px; }
.auth-product-copy h1 { font:700 32px/1.3 Arial,Helvetica,sans-serif; letter-spacing:normal; color:var(--auth-ink); margin:19px 0 17px; }
.auth-product-copy > p { max-width:440px; font-size:15px; line-height:1.7; color:#6c5a64; margin:0 0 25px; }
.auth-product-copy .button { min-height:45px; padding:11px 16px; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:600; border-radius:9px; box-shadow:none; }
.auth-product-copy .auth-audience { margin-top:23px; }
.auth-product-art { min-width:0; padding:4px 0; }
.auth-art-caption { display:flex; justify-content:center; align-items:center; gap:7px; margin:6px auto 0; font-size:12px; color:var(--auth-ink); }
.auth-art-caption .icon { width:16px; height:16px; color:var(--auth-plum); }
.auth-product-workflow { padding:32px 0 28px; }
.auth-section-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:19px; }
.auth-section-heading h2 { font:600 21px/1.4 Arial,Helvetica,sans-serif; letter-spacing:normal; color:var(--ink,#352c32); margin:0 0 4px; }
.auth-section-heading p { font-size:14px; color:var(--muted,#74686d); margin:0; }
.auth-section-icon { display:grid; place-items:center; width:40px; height:40px; background:var(--auth-sun); color:#8b651e; border-radius:11px; flex-shrink:0; }
.auth-workflow-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; list-style:none; padding:0; margin:0; }
.auth-workflow-list li { position:relative; padding:24px; border:1px solid var(--line,#e2d9dd); border-top:4px solid #9a758a; border-radius:14px; background:var(--surface,#fff); }
.auth-workflow-list .auth-workflow-submit { border-top-color:#db8c72; }
.auth-workflow-list .auth-workflow-review { border-top-color:#e8bb62; }
.auth-workflow-icon { display:grid; place-items:center; width:41px; height:41px; border-radius:11px; background:var(--auth-lilac); color:var(--auth-plum); margin-bottom:17px; }
.auth-workflow-submit .auth-workflow-icon { background:var(--auth-peach); color:#a85c43; }
.auth-workflow-review .auth-workflow-icon { background:var(--auth-sun); color:#8b651e; }
.auth-workflow-icon .icon { width:22px; height:22px; }
.auth-step-label { display:block; font-size:12px; color:var(--muted,#74686d); margin-bottom:6px; }
.auth-workflow-list h3 { font:600 17px/1.4 Arial,Helvetica,sans-serif; letter-spacing:normal; color:var(--ink,#352c32); margin:0 0 10px; }
.auth-workflow-list p { font-size:14px; line-height:1.7; color:var(--muted,#74686d); margin:0; }
.auth-feedback-panel { display:flex; align-items:center; gap:40px; padding:23px 35px; background:var(--auth-peach); border:1px solid #e8d7cb; border-radius:16px; }
.auth-feedback-art { width:230px; flex-shrink:0; }
.auth-feedback-copy h2 { font:600 22px/1.4 Arial,Helvetica,sans-serif; color:var(--ink,#352c32); letter-spacing:normal; margin:0 0 12px; }
.auth-feedback-copy p { max-width:610px; font-size:14px; line-height:1.8; color:var(--muted,#74686d); margin:0; }
.auth-next-chapter { display:flex; align-items:flex-start; gap:25px; padding:23px 27px; margin-top:22px; border:1px solid #dce0cf; border-radius:14px; background:#eef0e6; }
.auth-next-label { display:inline-block; flex-shrink:0; margin-top:3px; padding:4px 9px; border-radius:6px; background:#dde3ce; color:#47543c; font-size:11px; font-weight:600; letter-spacing:.03em; }
.auth-next-chapter h2 { margin:0 0 7px; font:600 18px/1.4 Arial,Helvetica,sans-serif; color:var(--ink,#352c32); }
.auth-next-chapter p { margin:0; color:#5e6654; font-size:13px; line-height:1.7; }
.auth-access-note { display:flex; align-items:center; gap:18px; border-top:1px solid var(--line,#e2d9dd); padding-top:26px; margin-top:28px; }
.auth-access-icon { display:grid; place-items:center; width:42px; height:42px; background:var(--auth-lilac); color:var(--auth-plum); border-radius:12px; flex-shrink:0; }
.auth-access-note > div { flex:1; }
.auth-access-note h2 { font:600 16px/1.4 Arial,Helvetica,sans-serif; letter-spacing:normal; color:var(--ink,#352c32); margin:0 0 6px; }
.auth-access-note p { max-width:730px; font-size:13px; line-height:1.7; color:var(--muted,#74686d); margin:0; }
.auth-access-note .button { flex-shrink:0; border-radius:9px; }
:root[data-theme="dark"] .auth-welcome-layout,:root[data-theme="dark"] .auth-product-page { --auth-plum:#dcb8cc; --auth-ink:#f4e8ee; --auth-lilac:#40313a; --auth-peach:#44342e; --auth-sun:#413a2b; }
:root[data-theme="dark"] .auth-assessment-panel,:root[data-theme="dark"] .auth-product-hero { border-color:#604957; }
:root[data-theme="dark"] .auth-assessment-panel > p,:root[data-theme="dark"] .auth-product-copy > p { color:#d5c4cd; }
:root[data-theme="dark"] .auth-audience > span { background:#ffffff09; border-color:#7e6472; }
:root[data-theme="dark"] .auth-assessment-summary { background:#ffffff09; border-color:#6e5462; }
:root[data-theme="dark"] .auth-assessment-summary div > span { color:#d5c4cd; }
:root[data-theme="dark"] .auth-login-symbol,:root[data-theme="dark"] .auth-workflow-submit .auth-workflow-icon { color:#e4b19a; }
:root[data-theme="dark"] .auth-section-icon,:root[data-theme="dark"] .auth-workflow-review .auth-workflow-icon { color:#e8c98e; }
:root[data-theme="dark"] .auth-feedback-panel { border-color:#675246; }
:root[data-theme="dark"] .auth-next-chapter { background:#32372c; border-color:#4e5843; }
:root[data-theme="dark"] .auth-next-label { background:#424e35; color:#dce4ca; }
:root[data-theme="dark"] .auth-next-chapter p { color:#c6cfb9; }
@media (max-width:980px) {
  .auth-welcome-layout { gap:22px; }
  .auth-assessment-panel { padding:27px 25px 23px; }
  .auth-login-panel { padding:29px; }
  .auth-assessment-panel h2 { font-size:30px; }
  .auth-product-hero { padding:29px; gap:20px; }
  .auth-product-copy h1 { font-size:29px; }
  .auth-product-copy > p { font-size:14px; }
  .auth-workflow-list li { padding:21px; }
}
@media (max-width:740px) {
  .auth-welcome-layout { grid-template-columns:1fr; max-width:520px; margin:10px auto 25px; gap:20px; }
  .auth-assessment-panel { display:grid; grid-template-columns:1.3fr 1fr; gap:0 5px; padding:24px; }
  .auth-assessment-panel .auth-audience { grid-column:1/-1; margin-bottom:19px; }
  .auth-assessment-panel h2 { grid-column:1; font-size:26px; margin:0 0 12px; }
  .auth-assessment-panel > p { grid-column:1; font-size:13px; line-height:1.7; }
  .auth-assessment-illustration { grid-column:2; grid-row:2/4; width:calc(100% + 20px); margin:0 -10px; align-self:center; }
  .auth-assessment-summary { display:none; }
  .auth-login-panel { padding:29px; }
  .auth-product-page { margin-top:5px; }
  .auth-product-hero { grid-template-columns:1fr; gap:20px; padding:27px; }
  .auth-product-copy h1 { font-size:30px; }
  .auth-product-copy > p { max-width:520px; }
  .auth-product-art { width:100%; max-width:410px; margin:0 auto; }
  .auth-workflow-list { grid-template-columns:1fr; gap:13px; }
  .auth-workflow-list li { padding:21px 21px 21px 85px; }
  .auth-workflow-icon { position:absolute; left:21px; top:22px; }
  .auth-section-heading h2 { font-size:20px; }
  .auth-feedback-panel { gap:20px; padding:23px; }
  .auth-feedback-art { width:150px; }
  .auth-feedback-copy h2 { font-size:19px; }
  .auth-next-chapter { flex-direction:column; gap:12px; padding:22px; }
  .auth-access-note { align-items:flex-start; flex-wrap:wrap; gap:13px; }
  .auth-access-note > div { flex-basis:calc(100% - 60px); }
  .auth-access-note .button { margin-left:55px; }
}
@media (max-width:450px) {
  .auth-assessment-panel { padding:22px; grid-template-columns:1.25fr 1fr; }
  .auth-assessment-panel h2 { font-size:23px; }
  .auth-assessment-panel > p { grid-column:1/-1; font-size:13px; }
  .auth-assessment-illustration { grid-row:2; }
  .auth-login-panel { padding:25px 23px; }
  .auth-login-panel h1 { font-size:25px; }
  .auth-product-hero { padding:23px; }
  .auth-product-copy h1 { font-size:27px; }
  .auth-product-copy h1 br { display:none; }
  .auth-product-copy .button { width:100%; padding:10px 12px; }
  .auth-product-label { font-size:12px; gap:7px; }
  .auth-art-caption { align-items:flex-start; font-size:11px; }
  .auth-section-icon { display:none; }
  .auth-workflow-list li { padding-left:77px; }
  .auth-workflow-icon { left:19px; width:39px; height:39px; }
  .auth-feedback-panel { flex-direction:column; align-items:flex-start; gap:7px; }
  .auth-feedback-art { width:170px; align-self:center; }
  .auth-access-note .button { margin-left:0; }
}