/**
 * Curby's Regulars sign-up page styles
 * Version: 1.0.1
 * Developer: Hamza Khalid - EMW Digital
 * Changelog
 *   1.0.1 (2026-10-08)  Lists and the bottom link row on the legal pages (.doc).
 *   1.0.0 (2026-10-08)  Port of the WordPress snippet v1.1.0 styles. Colors and
 *                       font live in the :root tokens below.
 */
:root{
  --cly-font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --cly-page:#F3F0E8;
  --cly-dark:#121212;
  --cly-tag:#7AC143;
  --cly-accent:#7AC143;
  --cly-on-accent:#000000;
  --cly-text:#121212;
  --cly-muted:#4A4A4A;
  --cly-surface:#FFFFFF;
  --cly-panel:#F3F0E8;
  --cly-border:#C4C4C4;
  --cly-error:#B3261E;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cly-page);color:var(--cly-text);font-family:var(--cly-font);-webkit-font-smoothing:antialiased}
.page{padding:32px 16px 40px}
.cly{max-width:520px;margin:0 auto;background:var(--cly-surface);border-radius:20px;overflow:hidden;font-size:17px;line-height:1.5}
.cly p{padding:0}
.cly-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 32px 34px;background:var(--cly-dark);color:#fff}
.cly-brand{display:flex;flex-direction:column;min-width:0}
.cly-word{font-size:34px;line-height:1;font-weight:800;letter-spacing:.06em;color:#fff}
.cly-tag{margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--cly-tag);white-space:nowrap}
.cly-url{font-size:14px;color:#fff;white-space:nowrap}
.cly-body{padding:30px 32px 34px;border:1px solid var(--cly-border);border-top:0;border-radius:0 0 20px 20px}
.cly-eyebrow{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--cly-accent)}
.cly-h{margin:0 0 6px;font-size:46px;line-height:1.05;font-weight:800;letter-spacing:-.01em;color:var(--cly-text)}
.cly-sub{margin:0 0 16px;font-size:18px;font-weight:500;color:var(--cly-muted)}
.cly-ben{list-style:none;margin:0 0 26px;padding:0}
.cly-ben li{position:relative;margin:0;padding:0 0 8px 30px;font-size:17px;line-height:1.4}
.cly-ben li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--cly-accent)}
.cly-f{margin:0 0 20px}
.cly-f label{display:block;margin:0 0 8px;font-size:17px;font-weight:700}
.cly-f label span{margin-left:4px;font-weight:400;color:var(--cly-muted)}
.cly-f input,.cly-f select{display:block;width:100%;height:58px;margin:0;padding:0 18px;font-family:inherit;font-size:18px;color:var(--cly-text);background:#fff;border:1.5px solid var(--cly-border);border-radius:12px;-webkit-appearance:none;appearance:none}
.cly-f select{padding-right:50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M0 0h16L8 10z' fill='%23121212'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:16px 10px;cursor:pointer}
.cly-f select.is-empty{color:#8a8a8a}
.cly-f input::placeholder{color:#8a8a8a;opacity:1}
.cly-f input:focus,.cly-f select:focus,.cly-chk input:focus-visible,.cly-btn:focus-visible,.cly a:focus-visible{outline:3px solid var(--cly-accent);outline-offset:2px}
.cly-err{margin:6px 0 0;font-size:14px;color:var(--cly-error)}
.cly-err:empty{display:none}
.cly-f.has-err input,.cly-f.has-err select{border-color:var(--cly-error)}
.cly-chk{display:grid;grid-template-columns:26px 1fr;gap:14px;margin:6px 0 20px;align-items:start;cursor:pointer}
.cly-chk input{-webkit-appearance:none;appearance:none;display:grid;place-content:center;width:26px;height:26px;margin:2px 0 0;background:#fff;border:2px solid var(--cly-text);border-radius:6px;cursor:pointer}
.cly-chk input::before{content:"";width:12px;height:7px;border-left:3px solid var(--cly-on-accent);border-bottom:3px solid var(--cly-on-accent);transform:translateY(-2px) rotate(-45deg);opacity:0}
.cly-chk input:checked{background:var(--cly-accent);border-color:var(--cly-accent)}
.cly-chk input:checked::before{opacity:1}
.cly-chk strong{display:block;margin:0 0 3px;font-size:18px;line-height:1.3}
.cly-chk small{display:block;font-size:14px;line-height:1.5;color:var(--cly-muted)}
.cly a{color:inherit;text-decoration:underline}
.cly-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cly-ts{margin:4px 0 16px}
.cly-ts:empty{display:none}
.cly-btn{display:block;width:100%;height:62px;margin:8px 0 0;padding:0 20px;border:0;border-radius:31px;background:var(--cly-accent);color:var(--cly-on-accent);font-family:inherit;font-size:21px;font-weight:800;cursor:pointer}
.cly-btn[disabled]{opacity:.7;cursor:wait}
.cly-form-err{margin:12px 0 0;font-size:15px;color:var(--cly-error)}
.cly-form-err:empty{display:none}
.cly-fine{margin:16px 0 0;font-size:14px;color:var(--cly-muted)}
.cly-done{padding-top:16px;text-align:center}
.cly-done:focus{outline:none}
.cly-done svg{display:block;margin:6px auto 26px}
.cly-done .cly-h{font-size:56px}
.cly-lead{margin:4px 0 16px;font-size:30px;line-height:1.2;font-weight:700}
.cly-done .cly-sub{max-width:340px;margin:0 auto 22px;font-size:19px;font-weight:400}
.cly-pump{margin:0 0 22px;padding:22px 24px;background:var(--cly-panel);border-radius:16px;text-align:left}
.cly-pump-h{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.cly-pump-b{margin:0;font-size:18px;font-weight:500;line-height:1.4}
.cly-sms{margin:0;font-size:16px;font-weight:600}
.cly-sms-note{margin:4px 0 0;font-size:15px;color:var(--cly-muted)}
.cly-foot{margin:34px 0 8px;font-size:24px;font-weight:800}
.page-foot{max-width:520px;margin:20px auto 0;text-align:center;font-size:13px;color:var(--cly-muted)}
.page-foot p{margin:0 0 4px}
.page-foot a{color:inherit}
.doc{max-width:680px;margin:0 auto;padding:32px;background:var(--cly-surface);border:1px solid var(--cly-border);border-radius:20px;line-height:1.6}
.doc h1{margin:0 0 4px;font-size:30px;line-height:1.15}
.doc h2{margin:24px 0 6px;font-size:19px}
.doc p{margin:0 0 12px}
.doc .ver{font-size:13px;color:var(--cly-muted)}
.doc ul{margin:0 0 12px;padding-left:22px}
.doc li{margin:0 0 8px}
.doc .doc-links{margin:28px 0 0;font-size:15px}
@media (max-width:480px){
  .page{padding:0 0 28px}
  .cly{border-radius:0}
  .cly-top{padding:24px 20px 26px}
  .cly-word{font-size:28px}
  .cly-tag{font-size:10px;letter-spacing:.24em}
  .cly-url{display:none}
  .cly-body{padding:24px 20px 28px;border-left:0;border-right:0;border-radius:0}
  .cly-h{font-size:38px}
  .cly-done .cly-h{font-size:46px}
  .cly-lead{font-size:25px}
  .page-foot{padding:0 16px}
  .doc{padding:24px 20px;border-radius:0;border-left:0;border-right:0}
}