/* "Post a request" — the landing section, the tutors-page banner and the modal.
   Everything is prefixed so it can drop into any marketplace page unchanged. */

.wtrq{--rq-ink:#2a2012;--rq-soft:#fff8ec;--rq-paper:#fffdf8;--rq-dark:#241a0e;--rq-honey:#ffc53d;
  --rq-honey-deep:#eda600;--rq-honey-soft:#fff2bf;--rq-leaf:#28a56b;--rq-leaf-deep:#1c7a4f;--rq-leaf-soft:#e4f4ec;
  --rq-line:#ece1cf;--rq-muted:#9a8a6a}

/* ---------- landing section ---------- */
.wtrq-sec{position:relative;overflow:hidden;padding:88px 0;background:linear-gradient(180deg,#fff,#fff8ec)}
.wtrq-in{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
@media(max-width:900px){.wtrq-in{grid-template-columns:1fr;gap:38px}}
.wtrq-sec .wtrq-eyebrow{font-family:'Space Mono','Courier New',monospace;font-size:11.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#eda600}
.wtrq-sec h2{font-family:'Manrope','Inter',sans-serif;font-size:clamp(30px,4.2vw,50px);font-weight:800;letter-spacing:-.03em;
  line-height:1.05;margin:14px 0 0;color:#2a2012}
.wtrq-sec h2 .wtrq-hl{color:#2a2012;background:#ffc53d;padding:.02em .16em;border-radius:8px;display:inline-block;
  transform:rotate(-1.4deg);box-shadow:0 6px 0 -1px rgba(237,166,0,.45)}
.wtrq-sec .wtrq-lead{color:#5d4e33;font-size:clamp(16px,1.6vw,19px);line-height:1.6;margin-top:18px;max-width:46ch}
.wtrq-sec .wtrq-lead b,.wtrq-sec .wtrq-lead .lb{color:#2a2012;font-weight:700}
.wtrq-steps{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.wtrq-step{display:flex;gap:13px;align-items:flex-start;font-size:15px;color:#3a3020}
.wtrq-step .n{width:26px;height:26px;border-radius:8px;flex:0 0 26px;display:grid;place-items:center;font-size:12.5px;
  font-weight:800;background:#fff2bf;color:#6b5008}
.wtrq-sec .wtrq-btn{margin-top:26px;display:inline-flex;align-items:center;gap:9px;background:#ffc53d;color:#2a2012;border:none;
  border-radius:999px;padding:16px 30px;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 7px 0 -1px rgba(237,166,0,.4);
  transition:transform .1s,filter .15s}
.wtrq-sec .wtrq-btn:hover{filter:brightness(.98)}
.wtrq-sec .wtrq-btn:active{transform:translateY(2px)}
.wtrq-sec .wtrq-fine{margin-top:12px;font-size:13px;color:#6f6047;font-weight:600}

.wtrq-vis{position:relative;display:flex;justify-content:center}
.wtrq-card{width:100%;max-width:340px;background:#fffdf8;border:1px solid #ece1cf;border-radius:20px;padding:20px;
  box-shadow:0 30px 60px -40px rgba(120,90,0,.5);position:relative;z-index:3;animation:wtrq-float 7s ease-in-out infinite}
@keyframes wtrq-float{0%,100%{transform:translateY(-6px)}50%{transform:translateY(6px)}}
.wtrq-card .rh{font-family:'Space Mono','Courier New',monospace;font-size:10px;font-weight:700;letter-spacing:.14em;
  color:#8a6300;text-transform:uppercase}
.wtrq-card .rtx{font-size:15px;font-weight:700;color:#2a2012;margin-top:8px;line-height:1.45}
.wtrq-card .rmeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.wtrq-card .rm{font-size:11.5px;font-weight:700;background:#fff8ec;border:1px solid #ece1cf;border-radius:8px;padding:4px 9px;color:#6b5d40}
.wtrq-fan{position:relative;height:56px;display:flex;justify-content:center;z-index:2}
.wtrq-fan i{position:absolute;top:0;width:2px;height:56px;background:linear-gradient(#e0cfa8,transparent)}
.wtrq-fan i:nth-child(1){transform:translateX(-96px) rotate(16deg)}
.wtrq-fan i:nth-child(2){transform:translateX(-32px) rotate(6deg)}
.wtrq-fan i:nth-child(3){transform:translateX(32px) rotate(-6deg)}
.wtrq-fan i:nth-child(4){transform:translateX(96px) rotate(-16deg)}
.wtrq-tutrow{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;max-width:330px;margin:0 auto}
.wtrq-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;
  background:#fff2bf;color:#6b5008;border:2.5px solid #fff;box-shadow:0 8px 18px -10px rgba(0,0,0,.35)}
.wtrq-av.g{background:#e4f4ec;color:#1c7a4f}
.wtrq-av.f{background:#ffe4d8;color:#a83c1a}
.wtrq-av.d{background:#eae4ff;color:#5b4aa8}
.wtrq-av.more{background:#241a0e;color:#ffc53d;font-size:12px}

/* ---------- tutors page banner ---------- */
.wtrq-bwrap{max-width:1180px;margin:22px auto 0;padding:0 24px}
.wtrq-banner{display:flex;align-items:center;gap:22px;background:#241a0e;border-radius:20px;padding:22px 26px;position:relative;overflow:hidden}
.wtrq-banner::after{content:"\270D\FE0F";position:absolute;right:-10px;bottom:-22px;font-size:110px;opacity:.09;transform:rotate(-12deg)}
.wtrq-banner .bico{width:52px;height:52px;border-radius:15px;flex:0 0 52px;display:grid;place-items:center;font-size:24px;
  background:rgba(255,197,61,.15);border:1px solid rgba(255,197,61,.35)}
.wtrq-banner .bmid{min-width:0}
.wtrq-banner h3{font-family:'Manrope','Inter',sans-serif;color:#fff;font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0}
.wtrq-banner p{color:#cdbf9f;font-size:14px;margin:4px 0 0}
.wtrq-banner p b,.wtrq-banner p .bb{color:#ffc53d;font-weight:700}
.wtrq-banner .bbtn{margin-left:auto;flex:0 0 auto;background:#ffc53d;color:#2a2012;border:none;border-radius:999px;padding:14px 26px;
  font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 6px 0 -1px rgba(237,166,0,.4)}
.wtrq-banner .bbtn:active{transform:translateY(2px)}
@media(max-width:760px){.wtrq-banner{flex-wrap:wrap}.wtrq-banner .bbtn{margin-left:0;width:100%}}

/* ---------- modal ---------- */
.wtrq-bd{position:fixed;inset:0;background:rgba(36,26,14,.5);backdrop-filter:blur(3px);z-index:9990;display:none}
.wtrq-bd.on{display:block}
.wtrq-modal{position:fixed;z-index:9991;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,94vw);max-height:92vh;
  overflow:auto;background:#fffdf8;border-radius:26px;box-shadow:0 60px 120px -50px rgba(20,12,4,.7);display:none;
  font-family:'Inter',system-ui,sans-serif;color:#2a2012;line-height:1.55;text-align:left}
.wtrq-modal.on{display:block;animation:wtrq-pop .4s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes wtrq-pop{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.wtrq-modal *{box-sizing:border-box}
.wtrq-mhead{position:sticky;top:0;z-index:5;background:#241a0e;padding:24px 30px;border-radius:26px 26px 0 0}
.wtrq-mhead .mtag{font-family:'Space Mono','Courier New',monospace;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  color:#ffc53d;text-transform:uppercase}
.wtrq-mhead h2{font-family:'Manrope','Inter',sans-serif;color:#fff;font-size:25px;font-weight:800;letter-spacing:-.02em;margin:7px 0 0}
.wtrq-mhead p{color:#cdbf9f;font-size:13.5px;margin:5px 0 0}
.wtrq-close{position:absolute;top:18px;right:20px;width:34px;height:34px;border:none;background:rgba(255,255,255,.1);color:#fff;
  border-radius:10px;font-size:16px;cursor:pointer}
.wtrq-close:hover{background:rgba(255,255,255,.2)}
.wtrq-prog{display:flex;gap:5px;margin-top:16px}
.wtrq-prog i{flex:1;height:4px;border-radius:99px;background:rgba(255,255,255,.2)}
.wtrq-prog i.on{background:#ffc53d}

.wtrq-body{padding:26px 30px 30px}
.wtrq-s{display:none}
.wtrq-s.on{display:block}
.wtrq-fld{margin-bottom:20px}
.wtrq-fld label{display:block;font-size:14px;font-weight:800;color:#2a2012;margin-bottom:6px}
.wtrq-fld .hint{font-size:12.5px;color:#6f6047;font-weight:600;margin-bottom:9px}
.wtrq-modal input[type=text],.wtrq-modal input[type=email],.wtrq-modal textarea,.wtrq-modal select{width:100%;padding:13px 14px;
  border:1.5px solid #ece1cf;border-radius:13px;font-family:inherit;font-size:15px;background:#fdf6e6;color:#2a2012;
  transition:border-color .15s,box-shadow .15s}
.wtrq-modal textarea{min-height:96px;resize:vertical}
.wtrq-modal input:focus,.wtrq-modal textarea:focus,.wtrq-modal select:focus{outline:none;border-color:#eda600;box-shadow:0 0 0 4px #fff2bf}
.wtrq-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.wtrq-row2{grid-template-columns:1fr}}

.wtrq-count{display:flex;align-items:center;gap:14px;background:#fff8ec;border:1.5px solid #ece1cf;border-radius:14px;padding:12px 14px}
.wtrq-count .fbtn{width:38px;height:38px;border-radius:11px;border:1.5px solid #ece1cf;background:#fff;font-size:19px;font-weight:800;
  color:#2a2012;line-height:1;cursor:pointer}
.wtrq-count .fbtn:hover{border-color:#eda600;background:#fff2bf}
.wtrq-count .fnum{font-family:'Manrope','Inter',sans-serif;font-size:30px;font-weight:800;min-width:56px;text-align:center;letter-spacing:-.02em}
.wtrq-count .flab{font-size:13px;color:#6b5d40;font-weight:600}
.wtrq-count .flab b{color:#2a2012;display:block;font-size:14px}
.wtrq-count .frec{margin-left:auto;font-family:'Space Mono','Courier New',monospace;font-size:10.5px;font-weight:700;letter-spacing:.06em;
  color:#1c7a4f;background:#e4f4ec;border-radius:7px;padding:5px 9px}

.wtrq-types{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
@media(max-width:640px){.wtrq-types{grid-template-columns:repeat(2,1fr)}}
.wtrq-tsel{background:#fff;border:1.5px solid #ece1cf;border-radius:14px;padding:13px 8px 11px;text-align:center;cursor:pointer;
  font-family:inherit;transition:border-color .14s,background .14s,transform .12s;display:flex;flex-direction:column;align-items:center;gap:2px}
.wtrq-tsel:hover{transform:translateY(-2px);border-color:#dccba4}
.wtrq-tsel .ti{font-size:21px;line-height:1;margin-bottom:4px}
.wtrq-tsel b{font-size:12.5px;font-weight:800;color:#2a2012;letter-spacing:-.01em}
.wtrq-tsel small{font-size:10.5px;color:#6f6047;font-weight:600;line-height:1.25}
.wtrq-tsel.on{border-color:#eda600;background:#fff2bf;box-shadow:0 4px 0 -1px rgba(237,166,0,.3)}

.wtrq-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
@media(max-width:560px){.wtrq-badges{grid-template-columns:repeat(3,1fr)}}
.wtrq-bsel{position:relative;background:#fff;border:1.5px solid #ece1cf;border-radius:14px;padding:13px 6px 11px;text-align:center;
  cursor:pointer;transition:border-color .14s,background .14s,transform .12s}
.wtrq-bsel:hover{transform:translateY(-2px)}
.wtrq-bsel .bm{width:30px;height:30px;margin:0 auto 6px;display:block}
.wtrq-bsel .bn{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#6b5d40}
.wtrq-bsel .bc{display:block;font-size:10px;font-weight:700;color:#6f6047;margin-top:2px}
.wtrq-bsel .tick{position:absolute;top:6px;right:6px;width:17px;height:17px;border-radius:50%;background:#28a56b;color:#fff;
  font-size:10px;display:none;place-items:center}
.wtrq-bsel.on{border-color:#eda600;background:#fff2bf}
.wtrq-bsel.on .tick{display:grid}
.wtrq-bsel.on .bn{color:#2a2012}

.wtrq-ctog{display:flex;gap:9px;margin-bottom:14px}
.wtrq-ctog button{flex:1;padding:12px;border:1.5px solid #ece1cf;background:#fff;border-radius:13px;font-family:inherit;
  font-size:14px;font-weight:800;color:#6b5d40;cursor:pointer}
.wtrq-ctog button.on{background:#241a0e;border-color:#241a0e;color:#fff}
.wtrq-chan{display:none;flex-direction:column;gap:10px;margin-top:12px}
.wtrq-chan.on{display:flex}
.wtrq-chrow{display:flex;align-items:center;gap:11px}
.wtrq-chrow .ci{width:38px;height:38px;border-radius:50%;flex:0 0 38px;display:grid;place-items:center;font-size:17px;color:#fff}
.wtrq-chrow .ci.wa{background:#25D366}
.wtrq-chrow .ci.ig{background:radial-gradient(circle at 30% 110%,#fdf497,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.wtrq-chrow .ci.wc{background:#07C160}
.wtrq-chrow .ci.kk{background:#FEE500;color:#3C1E1E}
.wtrq-chrow .ci.ln{background:#06C755}
.wtrq-chrow .ci.tg{background:#229ED9}
.wtrq-privacy{display:flex;gap:10px;align-items:flex-start;background:#e4f4ec;border:1px solid #c4e6d4;border-radius:13px;
  padding:12px 14px;font-size:12.5px;color:#1c7a4f;font-weight:600;margin-top:14px}
.wtrq-err{background:#ffe9e2;border:1px solid #ffc4b0;color:#a83c1a;border-radius:13px;padding:12px 14px;font-size:13.5px;
  font-weight:700;margin-top:14px;display:none}
.wtrq-err.on{display:block}

.wtrq-foot{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #ece1cf}
.wtrq-foot .ghost{background:#fff;border:1.5px solid #ece1cf;border-radius:999px;padding:13px 22px;font-family:inherit;
  font-weight:800;font-size:14.5px;color:#6b5d40;cursor:pointer}
.wtrq-foot .ghost:hover{border-color:#dccba4;background:#fff8ec}
.wtrq-foot .primary{margin-left:auto;background:#ffc53d;color:#2a2012;border:none;border-radius:999px;padding:14px 30px;
  font-family:inherit;font-weight:800;font-size:15.5px;cursor:pointer;box-shadow:0 6px 0 -1px rgba(237,166,0,.4)}
.wtrq-foot .primary:active{transform:translateY(2px)}
.wtrq-foot .primary[disabled]{opacity:.6;cursor:default}
.wtrq-foot .cnt{font-size:12.5px;color:#6f6047;font-weight:700}

.wtrq-modal input.wtrq-code{text-align:center;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:30px;font-weight:800;
  letter-spacing:.34em;padding:16px 10px}
.wtrq-resend{font-size:13px;color:#6f6047;font-weight:600}
.wtrq-resend button{background:none;border:0;padding:0;font:inherit;color:#2a2012;font-weight:800;text-decoration:underline;cursor:pointer}

.wtrq-done{text-align:center;padding:16px 0 6px}
.wtrq-done .dico{width:74px;height:74px;border-radius:50%;background:#e4f4ec;color:#1c7a4f;display:grid;place-items:center;
  font-size:34px;margin:0 auto 18px}
.wtrq-done h3{font-family:'Manrope','Inter',sans-serif;font-size:25px;font-weight:800;letter-spacing:-.02em;margin:0}
.wtrq-done p{font-size:15px;color:#5d4e33;margin:10px auto 0;max-width:42ch;line-height:1.6}
.wtrq-done .sentrow{display:flex;justify-content:center;margin:20px 0 6px}
.wtrq-done .sentrow .wtrq-av{margin-right:-9px}