:root{--bg:#f6f8fb;--card:#fff;--muted:#f1f5ff;--text:#1e2b3a;--text-2:#5c6b7a;--brand:#3aa2b3;--brand-2:#5562b8;--radius:16px;--shadow:0 10px 30px rgba(20,33,61,.06)}.field{margin-top:12px}#root{height:auto!important}header .title{background:linear-gradient(90deg,#008679,#2f6988,#545393,#008679,#2f6988,#545393,#008679);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-size:200% 100%;animation:slSweep 5s linear infinite;font-weight:800}@keyframes slSweep{0%{background-position-x:0%}to{background-position-x:200%}}@media (prefers-reduced-motion: reduce){header .title{animation:none}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}.page{padding:28px 18px 48px}.header{max-width:980px;margin:0 auto 12px;text-align:center}.logo{height:65px;margin-bottom:8px}.title{background:linear-gradient(90deg,#008679,#2f6988,#545393,#008679,#2f6988,#545393,#008679);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:slSweep 5s linear infinite}.subtitle{margin:0;color:var(--text-2);text-align:center}.main{max-width:980px;margin:18px auto}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card.muted{margin-top:18px;background:var(--muted)}.stepper{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:10px}.stepper .step{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:#cfd7ff}.stepper .step.active{background:var(--brand-2)}.stepper .bar{height:4px;width:80px;background:#cfd7ff;border-radius:99px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:820px){.grid.two{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:8px}label{font-weight:600;color:var(--text-2)}.input{width:100%;height:44px;border:1px solid #e5e9f2;border-radius:12px;padding:0 14px;background:#fff;font-size:15px;outline:none}.input:focus{border-color:#c5d1ff;box-shadow:0 0 0 3px #5870ff1f}.select{position:relative}.select.disabled{opacity:.6;pointer-events:none}.select .caret{position:absolute;right:12px;top:12px;color:#96a0ad}.dropdown{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e6ebf5;border-radius:12px;max-height:280px;overflow:auto;box-shadow:var(--shadow);z-index:20}.option{padding:10px 12px;cursor:pointer}.option:hover{background:#f6f8ff}.empty{padding:12px;color:#99a3af}.summary{margin-top:10px;background:#eef2ff;border-radius:12px;padding:12px;font-size:14px;color:#39455a;display:flex;gap:12px;flex-wrap:wrap}.muted-text{color:#6b7788;margin-top:-4px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.btn{height:42px;border:none;border-radius:12px;padding:0 18px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.outline{background:#fff;border:1px solid #e6ebf5;color:#415062}