@charset "UTF-8";:root{--ground: #e8edf5;--paper: #fbfcfe;--paper-2: #f1f5fb;--rule: #d5dff0;--rule-strong: #b7c5de;--ink: #12233f;--text: #1f2d48;--muted: #56627f;--margin: #b83a2e;--gold: #d9a24b;--gold-grad: linear-gradient(135deg, #f1cd86, #cf9640);--primary: #12233f;--primary-hover: #1b3358;--primary-contrast: #ffffff;--focus: #2f5fd0;--danger: #b4281f;--danger-soft: #fbe6e3;--info: #24519f;--info-soft: #e3ecfb;--warn: #7d5200;--warn-soft: #fbeccb;--ok: #1b6a43;--ok-soft: #dcf1e5;--radius: 10px;--radius-sm: 8px;--shadow: 0 1px 2px rgb(18 35 63 / 8%), 0 6px 18px -8px rgb(18 35 63 / 18%);--shadow-lg: 0 2px 4px rgb(18 35 63 / 10%), 0 24px 48px -16px rgb(18 35 63 / 32%);--font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Source Serif 4", Georgia, serif;--rail-width: 248px;--gutter: 72px;--ease: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text);background-color:var(--ground);background-image:repeating-linear-gradient(to bottom,transparent 0 39px,rgba(120,150,200,.14) 39px 40px);background-attachment:fixed;animation:ruled-drift 24s linear infinite;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}@keyframes ruled-drift{to{background-position-y:40px}}h1,h2,h3{margin:0;color:var(--ink);font-family:var(--font-display);font-weight:650;letter-spacing:-.01em;text-wrap:balance}p{margin:0}a{color:inherit;text-underline-offset:3px}button{font:inherit;color:inherit}::selection{background:#2f5fd038;color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input,select{caret-color:var(--margin)}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}.icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-user-select:none;user-select:none;font-feature-settings:"liga";-webkit-font-feature-settings:"liga"}.btn{--sweep: var(--gold);--bubble: rgb(255 255 255 / 14%);--bubble-ink: currentColor;--bubble-hover: var(--ink);--bubble-hover-ink: var(--gold);position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 24px;border:1px solid transparent;border-radius:999px;font-weight:600;font-size:14px;letter-spacing:.01em;text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .35s,border-color .35s,box-shadow .45s var(--ease),transform .45s var(--spring)}.btn:has(>.icon){padding:6px 22px 6px 6px}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sweep);clip-path:circle(0 at 21px 50%);transition:clip-path .65s var(--ease)}.btn>.icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;font-size:18px;background:var(--bubble);color:var(--bubble-ink);transition:background-color .35s,color .35s,transform .6s var(--spring)}.btn:hover:not(:disabled){transform:translateY(-3px)}.btn:hover:not(:disabled):before{clip-path:circle(160% at 21px 50%)}.btn:hover:not(:disabled)>.icon{background:var(--bubble-hover);color:var(--bubble-hover-ink);transform:rotate(90deg) scale(1.08)}.btn:active:not(:disabled){transform:translateY(1px) scale(.95);transition-duration:.1s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{--bubble: var(--gold);--bubble-ink: var(--ink);background:var(--primary);color:var(--primary-contrast);box-shadow:0 0 0 1px #ffffff14 inset,0 10px 18px -10px #12233fa6}.btn-primary:hover:not(:disabled){color:var(--ink);box-shadow:0 0 0 1px #ffffff40 inset,0 18px 28px -12px #b87e28cc}.btn-secondary{--sweep: var(--ink);--bubble: var(--ink);--bubble-ink: #fff;--bubble-hover: var(--gold);--bubble-hover-ink: var(--ink);background:var(--paper);color:var(--ink);border-color:var(--ink)}.btn-secondary:hover:not(:disabled){color:#fff}.btn-ghost{--sweep: var(--info-soft);--bubble: var(--paper-2);--bubble-ink: var(--ink);--bubble-hover: var(--ink);--bubble-hover-ink: #fff;background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--ink)}.btn-danger{--sweep: #8f1f18;--bubble: rgb(255 255 255 / 22%);--bubble-hover: #fff;--bubble-hover-ink: #8f1f18;background:var(--danger);color:#fff}.btn-icon{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;color:var(--muted);background:transparent;cursor:pointer;transition:background-color .25s,color .25s,transform .5s var(--spring)}.btn-icon:hover:not(:disabled){background:var(--info-soft);color:var(--ink);transform:scale(1.18) rotate(-8deg)}.btn-icon:active:not(:disabled){transform:scale(.88);transition-duration:.1s}.btn-icon.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger);transform:scale(1.18) rotate(8deg)}.btn-icon:disabled{opacity:.5;cursor:wait}.field{display:flex;flex-direction:column;gap:6px}.field label,.field .label{font-size:13px;font-weight:600;color:var(--ink)}.field .hint{font-size:12px;color:var(--muted)}.field .error{font-size:12.5px;color:var(--danger)}.input{width:100%;min-height:42px;padding:9px 13px;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit;transition:border-color .2s,box-shadow .4s var(--ease),transform .4s var(--spring)}.input::placeholder{color:#76819c}.input:hover{border-color:var(--muted)}.input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 4px #2f5fd02e,0 8px 16px -10px #2f5fd08c;transform:translateY(-1px)}.input.invalid{border-color:var(--danger);box-shadow:0 0 0 3px #b4281f24}select.input{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2356627f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 13px center}.card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow)}.sheet{position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);animation:sheet-in .7s var(--ease) both}.sheet:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--gutter) - 4px);width:4px;border-inline:1px solid var(--margin);opacity:.75;transform-origin:top;animation:draw-margin .9s var(--ease) both;pointer-events:none}.sheet:has(.open){z-index:10}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px) scale(.985)}}.section{padding:26px 28px 28px}.section.sheet{padding-left:calc(var(--gutter) + 24px)}.section-head{position:relative;margin-bottom:20px}.section-head .step{position:absolute;top:1px;left:calc(-1 * (var(--gutter) + 24px) + 8px);width:calc(var(--gutter) - 24px);text-align:right;font-family:var(--font-display);font-size:22px;font-weight:650;color:var(--margin);line-height:1.2}.section-head h2{font-size:19px}.section-head p{font-size:13px;color:var(--muted)}.card.section .section-head .step{position:static;display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:50%;background:var(--paper-2);font-size:14px}.card.section .section-head{display:flex;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:20px}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--paper-2) 25%,var(--rule) 50%,var(--paper-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}@keyframes draw-margin{0%{transform:scaleY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}@keyframes fade{0%{opacity:0}}.rise{animation:slide-in .6s var(--ease) both;animation-delay:calc(.25s + var(--i, 0) * 70ms)}@keyframes slide-in{0%{opacity:0;transform:translate(-26px)}}@media(max-width:640px){:root{--gutter: 52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
