#stp-app{--bg:#f6f4ef;--card:#fff;--tx:#1d1b16;--mu:#6b665c;--bd:#ddd8cc;--ac:#0f1b2d;--acx:#fff;--er:#b3261e;--ok:#1d6b3a;max-width:860px;margin:0 auto;color:var(--tx);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box}
#stp-app *{box-sizing:border-box}
#stp-app .ttl{font-size:1.7rem;margin:.2em 0;font-weight:700}#stp-app .sub{color:var(--mu);margin:0 0 16px;font-size:.95rem}
#stp-app .bar{height:8px;background:var(--bd);border-radius:9px;overflow:hidden}#stp-app .bar i{display:block;height:100%;background:var(--ac);transition:width .3s}
#stp-app .meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--mu);margin:6px 0 10px}
#stp-app .steps{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}
#stp-app .steps button{flex:none;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--bd);background:var(--card);color:var(--mu);font-weight:600;font-size:.8rem;cursor:pointer}
#stp-app .steps .on{background:var(--ac);color:var(--acx);border-color:var(--ac)}#stp-app .steps .dn{border-color:var(--ok);color:var(--ok)}
#stp-app .card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:20px;margin-bottom:16px}
#stp-app .card h2{margin:0 0 14px;font-size:1.15rem}
#stp-app .g{display:grid;grid-template-columns:1fr 1fr;gap:14px}#stp-app .f{grid-column:1/3}#stp-app .f.h{grid-column:auto}
@media(max-width:620px){#stp-app .g{grid-template-columns:1fr}#stp-app .f.h{grid-column:1}}
#stp-app label.l{display:block;font-weight:600;font-size:.88rem;margin-bottom:5px}#stp-app .rq{color:var(--er)}
#stp-app input[type=text],#stp-app input[type=email],#stp-app input[type=tel],#stp-app input[type=number],#stp-app input[type=url],#stp-app input[type=date],#stp-app select,#stp-app textarea{width:100%;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;background:#fff;color:var(--tx);font:inherit;font-size:.95rem;margin:0}
#stp-app textarea{min-height:100px;resize:vertical}#stp-app .o{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.92rem}#stp-app .o label{display:flex;gap:6px;align-items:center;cursor:pointer}
#stp-app .bad input,#stp-app .bad select,#stp-app .bad textarea{border-color:var(--er)}#stp-app .er{color:var(--er);font-size:.8rem;margin-top:4px;display:none}#stp-app .bad .er{display:block}
#stp-app .act{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:12px 0}#stp-app .act div{display:flex;gap:10px;flex-wrap:wrap}
#stp-app .b{padding:11px 20px;border-radius:9px;border:1px solid var(--bd);background:var(--card);color:var(--tx);font-weight:600;font-size:.92rem;cursor:pointer}
#stp-app .b.p{background:var(--ac);color:var(--acx);border-color:var(--ac)}#stp-app .b:disabled{opacity:.5}
#stp-app .st{font-size:.85rem;color:var(--ok);min-height:1.2em;margin:4px 0}#stp-app .st.e{color:var(--er)}
#stp-app .done{text-align:center;padding:40px 20px}#stp-app .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
