.fp{gap:16px;padding-top:24px;display:grid}@media (width>=1024px){.fp{grid-template-columns:minmax(0,1fr) 460px;align-items:start;gap:32px;padding-top:48px}}.fp-side{gap:16px;display:grid}.form-card{border:1px solid var(--line-hover);background:var(--panel);border-radius:12px;padding:22px 16px 20px}@media (width>=1024px){.form-card{padding:32px 36px}}.form-card-h{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.form-card-h .mono{color:var(--muted);white-space:nowrap;flex:none;font-size:11px}.form-card[data-sent] .form-card-h,.form-card[data-sent] form{display:none}.fld{margin-top:22px}.fld:first-child{margin-top:24px}.fld .hint{margin-top:8px}.fld .field[aria-invalid=true]+.hint,.url-field:has([aria-invalid=true])+.hint{color:var(--down)}.url-field{border:1px solid var(--rule-strong);background:var(--page);border-radius:6px;height:50px;display:flex;overflow:hidden}@media (hover:hover){.url-field:hover{border-color:var(--line-hover)}}.url-field:focus-within{outline:2px solid var(--focus);outline-offset:2px}.url-field:has([aria-invalid=true]){border-color:var(--down)}.url-field>span{border-right:1px solid var(--rule);background:var(--chrome);font:400 13px/1 var(--font-mono);color:var(--soft);align-items:center;padding:0 12px;font-stretch:87.5%;display:flex}.url-field .field{background:0 0;border:0;border-radius:0;height:100%}.url-field .field:focus-visible{outline:0}.rcards{margin-inline:0;border:0;gap:10px;min-width:0;margin-bottom:0;padding:0;display:grid}@media (width>=640px){.rcards{grid-template-columns:repeat(var(--rc-cols,3), minmax(0, 1fr))}}.rcards legend{padding:0}.rc{border:1px solid var(--rule);background:var(--page);cursor:pointer;min-height:50px;color:var(--ink);border-radius:6px;align-items:center;gap:10px;padding:8px 14px;font-size:15px;line-height:1.3;display:flex;position:relative}.rc input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.rc .dot{background:var(--panel);width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--rule-strong);border-radius:999px;flex:none}@media (hover:hover){.rc:hover{border-color:var(--line-hover)}}.rc:has(input:checked){border-color:var(--line-hover);background:var(--panel);font-weight:600}.rc:has(input:checked) .dot{box-shadow:inset 0 0 0 5px var(--check)}.rc:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.form-submit{border-top:1px solid var(--rule-2);align-items:center;gap:18px;margin-top:28px;padding-top:20px;display:flex}.form-submit .small{margin:0}@media (width<=639px){.form-submit{flex-direction:column;align-items:stretch;gap:12px}.form-submit .key{display:flex}.form-submit .small{text-align:center}}.form-card .form-status{margin-top:12px}.form-card .form-status:empty,.form-done{display:none}.form-card[data-sent] .form-done{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:420px;display:flex}.form-done .icon-tile{background:var(--up-bg);color:var(--up);border-color:#0000}.side-card{border:1px solid var(--rule);background:var(--panel);border-radius:12px;padding:22px 22px 24px}.side-card--chrome{background:var(--chrome)}.side-card p{color:var(--soft);margin-top:10px;font-size:14px;line-height:21px}.side-card a:not(.key){color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}.side-card strong{color:var(--ink);font-weight:600}.rule-list{gap:16px;margin:14px 0 0;padding:0;list-style:none;display:grid}.rule-list li{grid-template-columns:26px minmax(0,1fr);column-gap:12px;display:grid}.rule-list .mk{border-radius:6px;grid-row:span 2;place-items:center;width:26px;height:26px;display:grid}.rule-list .mk .i{stroke-width:2.2px;width:14px;height:14px}.rule-list .mk--up{background:var(--up-bg);color:var(--up)}.rule-list .mk--down{background:var(--down-bg);color:var(--down)}.rule-list b{color:var(--ink);font-size:14.5px;font-weight:600;line-height:26px}.rule-list p{margin:2px 0 0}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.steps li{color:var(--muted);font-size:13px;line-height:18px}.steps .n{font:400 10.5px/1 var(--font-mono);color:var(--muted);font-stretch:87.5%;display:block}.steps .bar{background:var(--rule-2);height:4px;margin:8px 0 12px;display:block}.steps li:first-child .bar{background:var(--accent)}.steps b{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:600;display:block}
