:root{--blue:#2374e8;--blue-soft:#eaf2ff;--wine:#4b0c21;--ink:#172033;--muted:#718096;--line:#dce4ef;--white:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:#f5f8fc;font-family:'DM Sans',sans-serif}.page-shell{min-height:100vh;padding:28px 22px}.brand{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 28px}.brand img{width:235px;height:auto}.brand p{padding-left:16px;border-left:1px solid #d7dee9;color:var(--muted);font-size:.9rem}.experience-grid{width:min(1000px,100%);margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}.flow{display:grid;gap:12px}.flow-card{display:flex;gap:15px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 6px 22px #1d3d6810;transition:.22s}.flow-card.active{border-color:var(--blue);box-shadow:0 8px 26px #2374e81a}.flow-card>span{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-weight:800;font-size:.84rem}.flow-card.active>span{background:var(--blue);color:#fff}.flow-card h2{font-size:1rem;margin:2px 0 7px}.flow-card p{color:var(--muted);font-size:.82rem;line-height:1.55;margin:0}.app-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 24px 70px #1939631f}.app-top{display:flex;align-items:center;gap:12px;padding:4px 4px 18px;border-bottom:1px solid var(--line)}.app-top img{width:44px;height:44px;object-fit:contain;border-radius:11px;background:var(--wine)}.app-top div{display:flex;flex-direction:column}.app-top b{font-family:'Playfair Display',serif;color:var(--wine);font-size:1.15rem}.app-top small{color:var(--muted);margin-top:2px}.intro{text-align:center;padding:22px 6px 15px}.eyebrow{font-size:.7rem;letter-spacing:.18em;font-weight:800;color:var(--blue);margin:0 0 7px}.intro h1{font:700 2rem/1.1 'Playfair Display',serif;margin:0 0 8px;color:var(--wine)}.intro>p:last-child{margin:0;color:var(--muted);font-size:.9rem}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 16px}.topic-grid button{min-height:43px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;padding:9px 11px;font:500 .82rem 'DM Sans';color:var(--ink);cursor:pointer}.topic-grid button.active{border-color:var(--blue);background:var(--blue-soft);color:#165bb8;font-weight:700}.topic-grid button.active:before{content:'✓';margin-right:6px}.field{display:flex;flex-wrap:wrap;position:relative;font-size:.82rem;font-weight:700}.field small{font-weight:400;color:var(--muted);margin-left:4px}.field textarea,.result textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:11px;font:400 .9rem/1.5 'DM Sans';outline:none}.field textarea{height:68px;margin-top:6px}.field>span{position:absolute;right:9px;bottom:7px;color:var(--muted);font-size:.65rem;font-weight:400}.field textarea:focus,.result textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2374e817}.language{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:700;margin:12px 0}.language select{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.primary{width:100%;min-height:46px;border:0;border-radius:9px;background:linear-gradient(90deg,#2583ef,#1764cc);color:#fff;font-weight:800;cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}.result{margin-top:18px;border:1px solid #cbdcf4;border-radius:14px;padding:16px;background:#f7faff}.result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.result-head div{display:flex;flex-direction:column}.result-head small{color:var(--blue);font-size:.66rem;font-weight:800;letter-spacing:.12em}.result-head b{font-size:.9rem;margin-top:2px}.result-head button{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:.74rem;cursor:pointer}.result textarea{height:116px;background:#fff;margin-bottom:10px}.next-step{font-size:.72rem;line-height:1.5;text-align:center;color:var(--muted);margin:9px 0 0}.message{display:none;padding:9px 11px;border-radius:8px;background:#fff3e8;color:#8b421e;font-size:.75rem;line-height:1.45;margin:12px 0 0}.message.show{display:block}.privacy{font-size:.69rem;line-height:1.5;color:var(--muted);margin:14px 0 0;text-align:center}footer{text-align:center;color:#8290a4;font-size:.74rem;margin-top:25px}@media(max-width:800px){.page-shell{padding:16px 10px 26px}.brand{margin-bottom:16px}.brand img{width:210px}.brand p{display:none}.experience-grid{display:block}.flow{display:none}.app-card{width:min(520px,100%);margin:auto;border-radius:18px;padding:18px}.intro h1{font-size:1.8rem}}@media(max-width:420px){.topic-grid{grid-template-columns:1fr}.app-top img{width:40px;height:40px}.intro{padding-top:18px}}