.tao{--ink:#153c42;--accent:#b28d61;--muted:#697a7d;max-width:820px;margin:32px auto;padding:42px;background:linear-gradient(145deg,#fff 75%,#f4f8f7);border:1px solid #e0e8e6;border-radius:24px;box-shadow:0 18px 55px rgba(21,60,66,.07);color:var(--ink);font-family:var(--tao-font,"Open Sans",sans-serif)!important;font-size:16px;line-height:1.65;white-space:normal;letter-spacing:normal;text-align:left;position:relative;isolation:isolate}.tao::before{content:"";position:absolute;top:0;left:42px;width:60px;height:4px;background:var(--accent);border-radius:0 0 4px 4px}.tao *{box-sizing:border-box;font-family:inherit!important}.tao h2{font-size:clamp(26px,3vw,34px);font-weight:650;color:var(--ink);line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}.tao>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0;max-width:600px}.tao h3{color:var(--ink);font-size:21px;font-weight:600;line-height:1.5;margin:0 0 26px}.tao-progress{display:flex;align-items:center;gap:12px;margin:30px 0 34px;padding:20px 0;border-top:1px solid #e8eeec;border-bottom:1px solid #e8eeec}.tao-step{display:flex;align-items:center;gap:9px;flex:1;color:#748587;font-size:13px;font-weight:500}.tao-step-number{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #dfe6e4;border-radius:50%;background:#f6f8f7;font-size:12px;font-weight:600}.tao-step.current{color:var(--ink);font-weight:650}.tao-step.current .tao-step-number{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 0 0 4px #eaf1ef}.tao-step.complete .tao-step-number{background:#e8f1ed;border-color:#e8f1ed;color:#326d58}.tao-field{margin:24px 0}.tao label,.tao legend{display:block;font-size:14px;font-weight:600;margin:0 0 10px;line-height:1.65;color:var(--ink)}.tao fieldset{border:0;padding:0;margin:0;min-width:0}.tao select,.tao input:not([type=checkbox]),.tao textarea{width:100%;padding:15px 16px;border:1px solid #d7e2df;border-radius:12px;background:#fff;color:var(--ink);font-size:15px;line-height:1.5;min-height:54px;box-shadow:0 2px 4px rgba(21,60,66,.02);transition:border-color .18s,box-shadow .18s}.tao select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23153c42' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px;cursor:pointer}.tao select:hover,.tao input:not([type=checkbox]):hover,.tao textarea:hover{border-color:#9cb5af}.tao textarea{min-height:120px;resize:vertical}.tao .tao-choice{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:400;padding:14px 16px;border:1px solid #e0e8e5;background:#fff;border-radius:12px;margin:9px 0;cursor:pointer;transition:background .18s,border-color .18s}.tao .tao-choice:has(input:checked){background:#edf5f1;border-color:#789e91;color:#153c42}.tao input[type=checkbox]{margin:4px 0 0;accent-color:var(--ink);width:18px;height:18px;flex:none}.tao-actions{display:flex;justify-content:space-between;gap:14px;margin-top:32px;padding-top:24px;border-top:1px solid #e8eeec}.tao-actions button:only-child{margin-left:auto}.tao button{border:1px solid transparent;border-radius:12px;padding:14px 25px;background:var(--ink);color:#fff;font-size:14px;line-height:1.5;font-weight:600;min-height:50px;cursor:pointer;box-shadow:0 5px 14px #153c4215;transition:background .18s,transform .18s}.tao button:hover{background:#23545a;transform:translateY(-1px)}.tao button.secondary{background:#fff;border-color:#d7e2df;color:var(--ink);box-shadow:none}.tao button.secondary:hover{background:#f3f7f5}.tao button:disabled{opacity:.6;cursor:wait;transform:none}.tao :focus-visible{outline:3px solid #b28d6190;outline-offset:3px}.tao-error{color:#a32d2d;font-size:14px;margin-top:12px}.tao-error:empty{display:none}.tao [hidden]{display:none!important}.tao .trap{position:absolute;left:-9999px}.tao-success{padding:28px;background:#edf6ef;border:1px solid #c9e0ce;border-radius:16px;line-height:1.8}.tao small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin:0 0 12px}.tao a{color:var(--ink);text-decoration:underline}@media(max-width:600px){.tao{padding:28px 20px;margin:16px auto;border-radius:18px}.tao::before{left:20px}.tao-progress{gap:6px;margin:24px 0;padding:16px 0}.tao-step{flex-direction:column;gap:8px;font-size:11px;text-align:center}.tao-actions button{padding:13px 16px;font-size:13px}.tao h3{font-size:19px}.tao .tao-choice{padding:13px}}
@media(prefers-reduced-motion:reduce){.tao *{transition:none!important;scroll-behavior:auto!important}}
