@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";@layer theme,base,components,utilities;@layer components{.hra{--hra-navy: var(--color-navy);--hra-navy-2: color-mix(in srgb, var(--color-navy) 90%, var(--color-limitless-blue) 10%);--hra-deep: var(--color-deep-blue);--hra-blue: var(--color-limitless-blue);--hra-ice: var(--color-ice-blue);--hra-mute: color-mix(in srgb, var(--color-ice-blue) 62%, var(--color-navy));--hra-soft: color-mix(in srgb, var(--color-ice-blue) 82%, var(--color-navy));--hra-line: color-mix(in srgb, var(--color-limitless-blue) 22%, transparent);--hra-display: "Montserrat", "Segoe UI", Arial, sans-serif;--hra-body: "Inter", "Segoe UI", Arial, sans-serif;min-height:100vh;background:var(--hra-navy);color:var(--hra-ice);font:400 16px/1.6 var(--hra-body);-webkit-font-smoothing:antialiased;color-scheme:dark}.hra-wrap{max-width:1120px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}.hra-brand{display:flex;align-items:center;gap:10px}.hra-brand img{height:34px;width:auto;display:block}.hra-stage{display:grid;gap:28px;margin-top:28px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}@media (max-width: 860px){.hra-stage{grid-template-columns:1fr;gap:12px}}.hra-hubbox{position:relative;aspect-ratio:1 / 1;width:100%;max-width:520px;justify-self:center}@media (max-width: 860px){.hra-hubbox{max-width:340px}}.hra-hubbox canvas{width:100%;height:100%;display:block}.hra-hubstat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.hra-hubstat b{display:block;font:800 clamp(26px,5vw,40px)/1 var(--hra-display);font-variant-numeric:tabular-nums}.hra-hubstat span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--hra-mute)}.hra-panel{min-width:0}.hra-eyebrow{font:600 12px var(--hra-display);letter-spacing:.16em;text-transform:uppercase;color:var(--hra-blue);margin:0}.hra h1{font:800 clamp(32px,5.4vw,52px)/1.04 var(--hra-display);letter-spacing:-.02em;margin:12px 0 0;text-wrap:balance;color:var(--hra-ice)}.hra h1 em{font-style:normal;color:var(--hra-blue)}.hra h2{font:700 clamp(22px,3.4vw,30px)/1.2 var(--hra-display);margin:10px 0 0;text-wrap:balance;color:var(--hra-ice)}.hra-lede{color:var(--hra-soft);max-width:52ch;margin:16px 0 0}.hra-quote{margin:18px 0 0;padding-left:14px;border-left:2px solid var(--hra-blue);color:var(--hra-mute);font-size:15px;max-width:46ch}.hra-btn{appearance:none;border:0;cursor:pointer;font:700 15px var(--hra-display);letter-spacing:.01em;background:var(--hra-blue);color:var(--hra-navy);padding:14px 22px;border-radius:12px;min-height:48px;display:inline-flex;align-items:center;text-decoration:none;transition:transform .15s ease,background .15s ease}.hra-btn:hover{background:color-mix(in srgb,var(--hra-blue) 85%,white);transform:translateY(-1px)}.hra-btn:disabled{opacity:.6;cursor:progress;transform:none}.hra-btn.ghost{background:transparent;color:var(--hra-ice);border:1px solid var(--hra-line)}.hra-btn:focus-visible,.hra-opt:focus-visible,.hra-back:focus-visible,.hra input:focus-visible{outline:2px solid var(--hra-blue);outline-offset:2px}.hra-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;align-items:center}.hra-meta{font-size:13px;color:var(--hra-mute);margin:0}.hra-progress{display:flex;align-items:center;gap:12px}.hra-bar{flex:1;height:6px;background:color-mix(in srgb,white 8%,transparent);border-radius:999px;overflow:hidden}.hra-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--hra-deep),var(--hra-blue));transition:width .4s ease}.hra-count{font-size:13px;color:var(--hra-mute);font-variant-numeric:tabular-nums}.hra-group{margin-top:26px}.hra-opts{display:grid;gap:10px;margin-top:22px}.hra-opt{appearance:none;text-align:left;cursor:pointer;width:100%;display:flex;align-items:center;gap:14px;background:var(--hra-navy-2);color:var(--hra-ice);border:1px solid var(--hra-line);border-radius:14px;padding:14px 16px;min-height:56px;font:500 16px var(--hra-body);transition:border-color .15s ease,background .15s ease,transform .15s ease}.hra-opt:hover{border-color:var(--hra-blue);transform:translate(2px)}.hra-opt .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--hra-mute);flex:none}.hra-opt[aria-pressed=true]{border-color:var(--hra-blue);background:color-mix(in srgb,var(--hra-blue) 12%,transparent)}.hra-opt[aria-pressed=true] .dot{border-color:var(--hra-blue);background:var(--hra-blue)}.hra-back{background:none;border:0;color:var(--hra-mute);cursor:pointer;font:500 14px var(--hra-body);padding:8px 0;margin-top:14px;display:block}.hra-back:hover{color:var(--hra-ice)}.hra-form{display:grid;gap:14px;margin-top:22px;max-width:460px}.hra-field{display:grid;gap:6px;font-size:14px;color:var(--hra-soft)}.hra-field input{background:var(--hra-navy-2);color:var(--hra-ice);border:1px solid var(--hra-line);border-radius:10px;padding:12px 14px;font:400 16px var(--hra-body);min-height:48px}.hra-field input:focus{border-color:var(--hra-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--hra-blue) 25%,transparent);outline:none}.hra-check{font-weight:400;font-family:var(--hra-body);display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--hra-soft)}.hra-check input{margin-top:4px;width:18px;height:18px;accent-color:var(--hra-blue);flex:none}.hra-err{color:var(--hra-blue);font-size:14px;min-height:1.2em;margin:0}.hra-disclose{font-size:12px;color:var(--hra-mute);line-height:1.5;max-width:60ch;margin:0}.hra-tier{display:inline-block;font:700 12px var(--hra-display);letter-spacing:.14em;text-transform:uppercase;color:var(--hra-navy);background:var(--hra-blue);padding:6px 10px;border-radius:6px}.hra-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:24px}.hra-path div{border-top:3px solid color-mix(in srgb,white 12%,transparent);padding-top:8px;font-size:12px;color:var(--hra-mute);line-height:1.3}.hra-path div b{display:block;font:800 18px var(--hra-display);color:var(--hra-mute)}.hra-path div.on{border-color:var(--hra-blue);color:var(--hra-ice)}.hra-path div.on b{color:var(--hra-blue)}.hra-path div.done{border-color:var(--hra-deep)}.hra-fade{animation:hra-in .45s ease both}@keyframes hra-in{0%{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.hra-fade{animation:none}.hra-btn,.hra-opt,.hra-bar i{transition:none}}.hra-footer{margin-top:36px;padding-top:16px;border-top:1px solid var(--hra-line);display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--hra-mute)}.hra-footer b{color:var(--hra-ice);font-family:var(--hra-display)}}