:root { --ink:#111114; --muted:#68686f; --line:#dedee5; --surface:#fff; --canvas:#f5f5f7; --accent:#3457ff; font-family:"IBM Plex Sans",Arial,sans-serif; color:var(--ink); }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:var(--canvas); letter-spacing:.1px; }
button,input,textarea,select { font:inherit; }
.setup-header { position:sticky; z-index:10; top:0; display:flex; align-items:center; justify-content:space-between; height:76px; padding:0 max(28px,calc((100vw - 1180px)/2)); border-bottom:1px solid rgba(17,17,20,.08); background:rgba(245,245,247,.92); backdrop-filter:blur(18px); }
.brand { color:var(--ink); font-size:19px; font-weight:700; text-decoration:none; letter-spacing:.04em; }
.setup-header span { color:var(--muted); font-size:14px; }
main { width:min(920px,calc(100% - 48px)); margin:0 auto; padding:96px 0 120px; }
.setup-intro { max-width:760px; margin-bottom:88px; }
.eyebrow { margin:0 0 18px; color:var(--accent); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(44px,7vw,76px); line-height:.98; letter-spacing:-.045em; }
.setup-intro>p:last-child { max-width:680px; margin:28px 0 0; color:var(--muted); font-size:20px; line-height:1.55; }
.setup-section { margin-top:22px; padding:42px; border-radius:24px; background:var(--surface); box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 50px rgba(20,20,40,.05); }
.section-heading { display:flex; gap:22px; align-items:flex-start; margin-bottom:38px; }
.section-heading>span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#eef0ff; color:var(--accent); font-size:13px; font-weight:700; }
h2 { margin:0; font-size:28px; letter-spacing:-.025em; }
.section-heading p { margin:7px 0 0; color:var(--muted); line-height:1.5; }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
label { display:grid; gap:9px; }
label>span { font-size:13px; font-weight:600; }
label.wide { grid-column:1/-1; }
input,textarea,select { width:100%; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); outline:none; transition:border-color 150ms,box-shadow 150ms; }
input,select { height:52px; padding:0 15px; }
textarea { resize:vertical; min-height:118px; padding:14px 15px; line-height:1.5; }
input:focus,textarea:focus,select:focus { border-color:var(--accent); box-shadow:0 0 0 4px rgba(52,87,255,.12); }
.money-field { position:relative; }
.money-field b { position:absolute; top:15px; left:15px; color:var(--muted); font-weight:500; }
.money-field input { padding-left:32px; }
.phase-list { display:grid; gap:10px; }
.phase-list label { grid-template-columns:32px 1fr; align-items:center; gap:12px; }
.phase-list label>span { display:grid; place-items:center; color:#8a8a92; }
.phase-list input { background:#fafafd; }
.start-phase { grid-template-columns:150px minmax(0,260px) 1fr; align-items:center; gap:14px; margin:28px 0 0 44px; }
.start-phase small { color:var(--muted); }
.setup-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:40px 4px 0; }
.setup-footer p { margin:0; color:#b42318; }
.setup-footer button { display:flex; align-items:center; gap:20px; height:58px; padding:0 24px; border:0; border-radius:14px; background:var(--ink); color:#fff; font-weight:600; cursor:pointer; transition:transform 150ms,background 150ms; }
.setup-footer button:hover { transform:translateY(-1px); background:var(--accent); }
@media (max-width:700px) { main{width:min(100% - 28px,920px);padding:64px 0 80px}.setup-section{padding:28px 22px;border-radius:18px}.field-grid{grid-template-columns:1fr}.wide{grid-column:auto!important}.start-phase{grid-template-columns:1fr;margin:24px 0 0}.setup-footer{align-items:stretch;flex-direction:column}.setup-footer button{justify-content:space-between;width:100%} }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }