:root{color-scheme:dark;--bg:#0F1020;--surface:#191B2E;--line:#303247;--text:#F5F4FA;--muted:#A6A8BD;--teal:#56D6C5;--yellow:#FFCF30;font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:38% 62%;min-height:100vh}.brand-panel{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#141729;border-right:1px solid var(--line);padding:45px 12%}.logo{font-size:40px;font-weight:850;letter-spacing:-2px;line-height:1}.logo span,.brand-story h2>span{color:var(--teal)}.tagline{font-size:8px;letter-spacing:2px;margin-top:15px}.brand-story{margin:auto 0}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--teal)}.brand-story h2{font-size:clamp(28px,3vw,43px);line-height:1.17;letter-spacing:-1.7px;margin:20px 0}.brand-story p{color:var(--muted);font-size:13px}.version{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.table-art{position:relative;width:260px;max-width:100%;height:220px;display:flex;align-items:center;justify-content:center}.plate{width:155px;height:155px;background:#F6F0DA;border:14px solid #FFFEF7;border-radius:50%;position:relative;transform:rotate(-15deg);box-shadow:0 0 0 22px #FFFFFF03}.pasta{font-size:140px;color:#D9A13F;line-height:.8;font-weight:bold;transform:rotate(35deg);position:absolute;left:4px;top:4px}.tomato{position:absolute;background:#ED3964;width:25px;height:25px;border-radius:50%}.one{top:26px;left:13px}.two{bottom:20px;right:13px}.leaf{position:absolute;right:17px;top:20px;width:30px;height:17px;border-radius:90% 0;background:#00AE9D;transform:rotate(25deg)}.spark{position:absolute;top:4px;right:8px;color:var(--yellow);font-size:50px}.spark.small{left:3px;bottom:2px;top:auto;color:#873B91;font-size:45px}.workspace{padding:0 9%}.workspace header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.workspace header>span:first-child{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:7px;background:#193B37;color:#8CE4D4;padding:6px 10px;border-radius:20px;font-size:10px}.badge i{width:5px;height:5px;border-radius:50%;background:var(--teal)}main{padding:34px 0}.intro h1,h1{font-size:39px;line-height:1.14;letter-spacing:-1.3px;margin:13px 0 17px}.intro h1 em{font-style:normal;color:var(--teal)}.intro>p{color:var(--muted);font-size:13px;margin-bottom:28px;max-width:410px}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:27px;margin:22px 0}.card h2{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:0 0 17px}.card p{color:var(--muted);font-size:12px}.checks{margin:10px 0 23px}.check-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #2A2D40}.check-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;flex-shrink:0}.ok{background:#193B37;color:var(--teal)}.bad{background:#482537;color:#FFADC3}.check-row strong{display:block;font-size:11px;font-weight:600}.check-row small{display:block;color:var(--muted);font-size:9px}.check-state{margin-left:auto;color:var(--muted);font-size:9px}.field{display:grid;gap:7px;margin-bottom:18px;font-size:11px;font-weight:600}.field input,.field select{width:100%;min-width:0;border:1px solid #43485F;background:#111425;border-radius:10px;padding:12px;color:var(--text);font-size:13px;min-height:47px}.field small{font-size:10px;font-weight:400;line-height:1.5;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 110px;gap:14px}.button{min-height:47px;border:0;border-radius:11px;padding:12px 19px;display:inline-flex;justify-content:center;align-items:center;font-size:12px;font-weight:750;cursor:pointer}.primary{background:#00AE9D;color:#0F1020;width:100%}.primary:hover{background:#36CABA}.secondary{background:#252941;color:var(--text);border:1px solid #43485F}.button:disabled{background:#2C3044;color:#A5ABC0;cursor:wait}.notice{padding:14px 16px;border-radius:11px;margin:18px 0;font-size:12px;line-height:1.6}.error{background:#442535;border:1px solid #784258;color:#FFC2D4}.info,.success{background:#1B3534;border:1px solid #31524D;color:#BCE6DB}.footnote{font-size:10px;color:var(--muted);line-height:1.7}.steps{display:flex;justify-content:space-between;gap:10px;margin:0 0 30px}.step{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.step>span{border:1px solid #45495D;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:10px}.step.current{color:var(--teal)}.step.current>span,.step.done>span{background:#193B37;color:var(--teal);border-color:#3C8F82}.step strong{font-weight:600}.text-button{background:none;border:0;color:var(--teal);font-size:11px;cursor:pointer;padding:8px 0}.back-form{margin-top:12px}.details{display:grid;gap:12px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}.details>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.details span{color:var(--muted)}.details strong{font-weight:600;text-align:right;overflow-wrap:anywhere}.welcome h2{margin-top:22px;font-size:26px}.next-phase{background:#151C2A}.next-phase h2{margin:12px 0}.next-phase p{margin:0}footer{border-top:1px solid var(--line);padding:22px 0;font-size:9px;color:var(--muted)}@media(max-width:850px){.shell{grid-template-columns:32% 68%}.brand-panel{padding:34px 25px}.brand-story h2{font-size:29px}.workspace{padding:0 7%}.table-art{height:200px}.plate{width:130px;height:130px;border-width:12px}.pasta{font-size:110px}.spark{font-size:30px}.workspace header>.badge{display:none}}@media(max-width:600px){.shell{display:block}.brand-panel{position:static;height:auto;background:transparent;border:0;padding:26px 23px 5px}.logo{font-size:32px}.tagline{font-size:7px;margin-top:12px}.brand-story,.version{display:none}.workspace{padding:0 22px}.workspace header{height:49px}.workspace header>span:first-child{font-size:8px}main{padding:24px 0}.steps{gap:5px}.step{font-size:8px;gap:5px}.step>span{width:22px;height:22px}.intro h1,h1{font-size:34px}.intro>p{font-size:12px}.card{padding:21px 18px;border-radius:18px}.card h2{font-size:18px}.check-state{font-size:8px}.field input,.field select{font-size:16px}.notice{font-size:11px}.details>div{flex-direction:column;gap:3px}.details strong{text-align:left}.form-grid{grid-template-columns:1fr 85px;gap:10px}.steps .step strong{max-width:65px;line-height:1.3}footer{font-size:8px}}
