@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#14243a;background:#f5f7fb}body{margin:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}.route-dots{background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:18px 18px}.soft-shadow{box-shadow:0 18px 45px -28px #0f2745}.field{width:100%;border:1px solid #dbe3ed;border-radius:12px;padding:11px 13px;background:white;color:#14243a;outline:none}.field:focus{border-color:#f58220;box-shadow:0 0 0 3px #f5822020}.btn{border-radius:12px;padding:10px 16px;font-weight:700;transition:.18s}.btn:hover{transform:translateY(-1px)}.state{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.state-blue{background:#e9f1ff;color:#2455a6}.state-orange{background:#fff1e5;color:#b65309}.state-green{background:#e5f7ee;color:#147344}.state-gray{background:#edf0f4;color:#586477}.navlink{border-radius:10px;padding:8px 11px;font-size:14px;font-weight:700;color:#536176}.navlink:hover,.navlink.active{background:#fff1e5;color:#b65309}.step-line{height:3px;background:#e2e8f0;flex:1}.step-done{background:#f58220}