
#tp-mock{--paper:light-dark(#faf8f3,#17221e);--ink:light-dark(#203e35,#e9f0e9);--panel:light-dark(#ffffff,#23352e);--soft:light-dark(#eef2e8,#2c4136);--line:light-dark(#dce3d9,#46584d);--dim:light-dark(#596c61,#b9c9be);--green:light-dark(#24533f,#b9d7b9);--on:light-dark(#ffffff,#173124);font-family:Arial,sans-serif;color:var(--ink);background:var(--paper);border-radius:18px;overflow:hidden;font-size:15px;line-height:1.5}
#tp-mock *{box-sizing:border-box}#tp-mock header{padding:22px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}#tp-mock .brand{font-weight:700;letter-spacing:-.7px;font-size:23px}#tp-mock .brand span{color:var(--dim);font-weight:400}#tp-mock .note{font-size:12px;color:var(--dim)}#tp-mock main{padding:45px 36px 32px}#tp-mock .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:start}#tp-mock .eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--dim)}#tp-mock h1{font-family:Georgia,serif;font-size:48px;line-height:1.07;font-weight:400;letter-spacing:-1.8px;margin:20px 0}#tp-mock h1 em{color:var(--green)}#tp-mock p{color:var(--dim);margin:12px 0 22px}#tp-mock .pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}#tp-mock .pill{font-size:12px;border:1px solid var(--line);padding:6px 10px;border-radius:30px}#tp-mock .aside{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:13px}#tp-mock .aside strong{display:block;margin-bottom:6px}#tp-mock .form{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:16px;box-shadow:0 15px 35px #00000008}#tp-mock .step{font-size:11px;color:var(--dim);letter-spacing:1px;text-transform:uppercase}#tp-mock .bar{height:4px;background:var(--soft);border-radius:3px;margin:12px 0 22px}#tp-mock .bar b{display:block;height:100%;background:var(--green);width:33%;border-radius:3px}#tp-mock h2{font-size:23px;line-height:1.2;margin:0 0 8px;font-weight:600;letter-spacing:-.5px}#tp-mock label{display:block;font-size:12px;font-weight:600;margin:17px 0 6px}#tp-mock input,#tp-mock select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit;font-size:16px}#tp-mock .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#tp-mock button{font:inherit;cursor:pointer;border-radius:8px;padding:12px 16px;border:1px solid var(--line);color:var(--ink);background:var(--panel)}#tp-mock .primary{width:100%;background:var(--green);color:var(--on);border:0;font-weight:600;margin-top:22px}#tp-mock .back{background:transparent;border:0;padding:10px 0;font-size:12px}#tp-mock .fine{font-size:11px;text-align:center;color:var(--dim);margin-top:11px}#tp-mock .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);margin-top:46px;padding-top:24px}#tp-mock .steps small{font-size:11px;color:var(--dim)}#tp-mock .steps h3{font-size:14px;margin:7px 0}#tp-mock .steps p{font-size:12px;margin:0}#tp-mock footer{padding:16px 36px;background:var(--soft);font-size:11px;color:var(--dim)}#tp-mock .callout{background:var(--soft);padding:17px;border-radius:10px;margin:20px 0;font-size:13px}#tp-mock .badge{display:inline-block;background:var(--soft);color:var(--ink);padding:5px 9px;border-radius:20px;font-size:11px;margin-bottom:15px}#tp-mock .check{display:flex;align-items:start;gap:9px;font-weight:400;line-height:1.4}#tp-mock .check input{width:17px;height:17px;flex-shrink:0;margin:0}#tp-mock [hidden]{display:none!important}#tp-mock .preview{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:22px 0 0;font-size:11px;color:var(--dim)}#tp-mock .preview button{font-size:11px;padding:5px 9px}#tp-mock .preview button[aria-pressed=true]{background:var(--soft);border-color:var(--green)}@media(max-width:680px){#tp-mock header{padding:20px}#tp-mock main{padding:28px 20px}#tp-mock .hero{grid-template-columns:1fr;gap:28px}#tp-mock h1{font-size:40px}#tp-mock .aside{margin-top:22px}#tp-mock .steps{gap:16px}#tp-mock .form{padding:22px}#tp-mock footer{padding:16px 20px}}

#tp-mock{border-radius:0;min-height:100vh}body{margin:0;background:#faf8f3;color:#203e35}#tp-mock main,#tp-mock header{max-width:1120px;margin:auto}#tp-error{padding:12px;background:#fff0eb;color:#8b241b;border-radius:8px}#tp-mock a{color:inherit}#tp-mock .primary:disabled{opacity:.6;cursor:wait}#tp-mock input:focus-visible,#tp-mock select:focus-visible,#tp-mock button:focus-visible{outline:3px solid #9dba80;outline-offset:3px}@media(prefers-color-scheme:dark){body{background:#17221e;color:#e9f0e9}}
@media(max-width:400px){#tp-mock .row{grid-template-columns:1fr}#tp-mock .steps{grid-template-columns:1fr}#tp-mock input,#tp-mock select{min-width:0}}

#tp-mock .brand{display:inline-flex;max-width:100%;text-decoration:none}#tp-mock .brand img{display:block;width:282px;max-width:100%;height:auto}#tp-mock .brand:focus-visible{outline:3px solid #9dba80;outline-offset:5px;border-radius:6px}@media(max-width:400px){#tp-mock .brand img{width:252px}}
