@import url('https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@400;500;600;700;800&display=swap');
#scalify-quiz .sq-card{ text-align:left; }
#scalify-quiz{
  --ink:#15130E; --ink-soft:#2A271F; --paper:#F7F2E7; --paper-2:#EFE7D5;
  --lemon:#FFE92E; --lemon-soft:#FFF59B; --white:#FFFFFF; --muted:#6A6253;
  --line:rgba(21,19,14,.14);
  font-family:'Manrope',sans-serif; color:var(--ink); max-width:760px; margin:0 auto;
}
#scalify-quiz *{box-sizing:border-box}
#scalify-quiz .sq-card{ background:var(--white); border:2px solid var(--ink); border-radius:24px;
  padding:38px 38px 34px; box-shadow:0 30px 70px -40px rgba(21,19,14,.5); overflow:hidden; }
#scalify-quiz .sq-progress{ height:8px; background:var(--paper-2); border-radius:100px; overflow:hidden; margin-bottom:30px; }
#scalify-quiz .sq-progress-fill{ height:100%; width:0; background:var(--lemon); border-radius:100px; transition:width .4s cubic-bezier(.16,1,.3,1); }
#scalify-quiz .sq-screen{ animation:sqIn .4s ease both; }
@keyframes sqIn{ from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;} }
#scalify-quiz .sq-eyebrow{ display:inline-block; font-weight:800; font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  background:var(--ink); color:var(--lemon); padding:7px 14px; border-radius:100px; margin-bottom:18px; }
#scalify-quiz .sq-q{ font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; line-height:1;
  font-size:clamp(26px,4.4vw,40px); letter-spacing:-.01em; margin:0 0 10px; }
#scalify-quiz .sq-q .req{ color:var(--lemon); -webkit-text-stroke:1px var(--ink); }
#scalify-quiz .sq-sub{ font-size:16px; font-weight:500; color:var(--muted); margin-bottom:26px; max-width:52ch; }
#scalify-quiz .sq-options{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; }
#scalify-quiz .sq-opt{ text-align:left; font-family:'Manrope',sans-serif; font-weight:600; font-size:15px; color:var(--ink);
  background:var(--paper); border:2px solid var(--line); border-radius:14px; padding:16px 16px 16px 48px; cursor:pointer; position:relative;
  transition:border-color .2s,background-color .2s,transform .15s; }
#scalify-quiz .sq-opt::before{ content:""; position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; border-radius:50%; border:2px solid var(--line); transition:all .2s; }
#scalify-quiz .sq-opt:hover{ border-color:var(--ink); transform:translateY(-2px); }
#scalify-quiz .sq-opt.selected{ border-color:var(--ink); background:var(--lemon-soft); }
#scalify-quiz .sq-opt.selected::before{ background:var(--ink); border-color:var(--ink); box-shadow:inset 0 0 0 3px var(--lemon-soft); }
#scalify-quiz .sq-field{ margin-bottom:14px; }
#scalify-quiz .sq-field label{ display:block; font-weight:700; font-size:14px; margin-bottom:7px; }
#scalify-quiz .sq-field input{ width:100%; font-family:'Manrope',sans-serif; font-size:16px; color:var(--ink);
  background:var(--paper); border:2px solid var(--line); border-radius:12px; padding:15px 18px; outline:none;
  transition:border-color .2s,background-color .2s; }
#scalify-quiz .sq-field input:focus{ border-color:var(--ink); background:var(--white); }
#scalify-quiz .sq-field input.err{ border-color:#D8434E; background:#FDF1F1; }
#scalify-quiz .sq-err{ color:#D8434E; font-weight:600; font-size:13px; margin-top:4px; min-height:16px; }
#scalify-quiz .sq-formerr{ display:none; color:#B0303A; font-weight:600; font-size:14px; line-height:1.4; background:#FDF1F1; border:1px solid #F2C4C8; border-radius:12px; padding:14px 16px; margin-top:4px; }
#scalify-quiz .sq-formerr.show{ display:block; animation:sqIn .3s ease both; }
#scalify-quiz .sq-btn:disabled{ opacity:.6; cursor:default; transform:none; }
#scalify-quiz .sq-actions{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:26px; }
#scalify-quiz .sq-back{ background:none; border:none; cursor:pointer; font-family:'Manrope'; font-weight:700; font-size:14px;
  color:var(--muted); padding:8px 4px; transition:color .2s; }
#scalify-quiz .sq-back:hover{ color:var(--ink); }
#scalify-quiz .sq-back[hidden]{ visibility:hidden; }
#scalify-quiz .sq-btn{ display:inline-flex; align-items:center; gap:9px; font-family:'Manrope'; font-weight:800; font-size:15px;
  background:var(--ink); color:var(--lemon); border:2px solid var(--ink); border-radius:100px; padding:15px 30px; cursor:pointer;
  transition:transform .2s,background-color .2s,color .2s; text-decoration:none; }
#scalify-quiz .sq-btn:hover{ transform:translateY(-2px); }
#scalify-quiz .sq-btn.lemon{ background:var(--lemon); color:var(--ink); }
#scalify-quiz .sq-btn.lemon:hover{ background:var(--ink); color:var(--lemon); }
#scalify-quiz .sq-note{ font-weight:700; font-size:13px; color:var(--muted); margin-top:16px; }
#scalify-quiz .sq-center{ text-align:center; padding:8px 0; }
#scalify-quiz .sq-center .sq-q{ margin-bottom:14px; }
#scalify-quiz .sq-center .sq-sub{ margin:0 auto 28px; }
#scalify-quiz .sq-badge{ display:inline-flex; align-items:center; gap:8px; font-weight:800; font-size:13px; letter-spacing:.04em;
  background:var(--lemon); color:var(--ink); padding:9px 18px; border-radius:100px; margin-bottom:20px; }
#scalify-quiz .sq-mark{ width:74px; height:74px; border-radius:50%; background:var(--lemon); color:var(--ink);
  display:grid; place-content:center; font-family:'Anton',sans-serif; font-weight:400; font-size:38px; margin:0 auto 22px; }
@media (max-width:560px){ #scalify-quiz .sq-card{ padding:26px 22px 24px; border-radius:20px; } #scalify-quiz .sq-options{ grid-template-columns:1fr; } }