.atm{--atm-brand:var(--brand-primary,var(--vanar-teal,#0e3c35));--atm-accent:color-mix(in srgb, var(--atm-brand) 42%, #5fe9c4);--atm-bg-0:#04130f;--atm-bg-1:#07221b;--atm-ink:#eafff7;--atm-muted:color-mix(in srgb, var(--atm-ink) 58%, transparent);--atm-flight:.72s;z-index:100;text-align:center;background:radial-gradient(135% 115% at 50% 46%, transparent 55%, #00000080 100%), radial-gradient(120% 90% at 50% 12%, var(--atm-bg-1), var(--atm-bg-0) 72%);color:var(--atm-ink);flex-direction:column;justify-content:center;align-items:center;gap:clamp(28px,5vh,52px);padding:40px 24px;animation:.32s both atm-surface-in;display:flex;position:fixed;inset:0;overflow:hidden}.atm__aura{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--atm-accent) 26%, transparent), transparent 62%);filter:blur(8px);pointer-events:none;border-radius:50%;width:min(620px,80%);animation:4.2s ease-in-out infinite atm-aura;position:absolute}.atm__sweep{aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--atm-accent) 20%, transparent) 38deg, transparent 110deg, transparent 360deg);filter:blur(30px);opacity:.45;pointer-events:none;border-radius:50%;width:min(760px,96%);animation:16s linear infinite atm-sweep-rotate;position:absolute}.atm__head{flex-direction:column;align-items:center;gap:8px;animation:.56s cubic-bezier(.22,.7,.2,1) both atm-head-in;display:flex;position:relative}.atm__eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.28em;text-transform:uppercase;color:var(--atm-accent);margin:0;font-size:11px}.atm__headline{font-family:var(--font-display,var(--font-big-shoulders), system-ui);letter-spacing:.01em;text-transform:uppercase;color:#0000;background:linear-gradient(100deg, var(--atm-ink) 0%, var(--atm-ink) 40%, color-mix(in srgb, #fff 80%, var(--atm-accent)) 50%, var(--atm-ink) 60%, var(--atm-ink) 100%);filter:drop-shadow(0 2px 26px color-mix(in srgb, var(--atm-accent) 42%, transparent));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,6vw,64px);font-weight:700;line-height:.92;animation:5s ease-in-out infinite atm-headline-shimmer}.atm__dots{text-align:left;width:2ch;display:inline-block}.atm__subline{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--atm-muted);margin:0;font-size:clamp(12px,1.6vw,14px);animation:.42s both atm-explainer-in}.atm__grid{grid-template-columns:repeat(3,minmax(132px,176px));gap:clamp(16px,2.2vw,28px);margin:0;padding:0;list-style:none;display:grid;position:relative}.atm__tile{--fly-x:0px;--fly-y:0px;--fly-scale:1.85;opacity:1;will-change:transform, opacity;position:relative;transform:none}.atm__tile[data-state=pending]{opacity:0;pointer-events:none}.atm__tile[data-state=flying]{z-index:4;animation:atm-tile-fly var(--atm-flight) cubic-bezier(.42, 0, .16, 1) both}.atm__tile[data-state=landed]{opacity:1;transform:none}.atm__tile-face{background:linear-gradient(180deg, color-mix(in srgb, var(--atm-ink) 8%, transparent), color-mix(in srgb, var(--atm-brand) 30%, transparent));border:1px solid color-mix(in srgb, var(--atm-accent) 34%, transparent);box-shadow:0 18px 40px color-mix(in srgb, var(--atm-bg-0) 70%, transparent);border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:24px 18px 20px;display:flex}.atm__tile[data-state=landed] .atm__tile-face{animation:3.6s ease-in-out infinite atm-face-breathe}.atm__tile:after{content:"";pointer-events:none;box-shadow:0 0 0 0 color-mix(in srgb, var(--atm-accent) 60%, transparent);border-radius:18px;position:absolute;inset:0}.atm__tile[data-state=landed]:after{animation:.62s ease-out both atm-tile-lock}.atm__tile-avatar{filter:drop-shadow(0 4px 14px color-mix(in srgb, var(--atm-bg-0) 60%, transparent))}.atm__tile-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--atm-ink);font-size:12.5px}.atm__tile-explainer{max-width:22ch;font-family:var(--font-body,system-ui);color:var(--atm-muted);opacity:1;font-size:13px;line-height:1.4}.atm__cta{border:1px solid color-mix(in srgb, var(--atm-accent) 55%, transparent);background:linear-gradient(100deg, color-mix(in srgb, var(--atm-accent) 26%, transparent), color-mix(in srgb, var(--atm-brand) 46%, transparent));color:var(--atm-ink);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 34px color-mix(in srgb, var(--atm-bg-0) 66%, transparent), 0 0 20px color-mix(in srgb, var(--atm-accent) 24%, transparent);opacity:1;border-radius:999px;padding:13px 30px;font-size:13px;transition:transform .16s,box-shadow .16s,filter .16s,opacity .24s;position:relative}.atm__cta:not(:disabled){animation:.56s cubic-bezier(.22,.7,.2,1) both atm-cta-in}.atm__cta:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 18px 42px color-mix(in srgb, var(--atm-bg-0) 68%, transparent), 0 0 30px color-mix(in srgb, var(--atm-accent) 40%, transparent);transform:translateY(-2px)}.atm__cta:focus-visible{outline:2px solid var(--atm-accent);outline-offset:3px}.atm__cta:disabled{cursor:default;opacity:.4;box-shadow:none}@keyframes atm-surface-in{0%{opacity:0}to{opacity:1}}@keyframes atm-head-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes atm-aura{0%,to{opacity:.8;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes atm-tile-fly{0%{opacity:0;transform:translate3d(var(--fly-x), var(--fly-y), 0) scale(calc(var(--fly-scale) * .82))}18%{opacity:1;transform:translate3d(var(--fly-x), var(--fly-y), 0) scale(var(--fly-scale))}34%{opacity:1;transform:translate3d(var(--fly-x), var(--fly-y), 0) scale(var(--fly-scale))}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes atm-tile-lock{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--atm-accent) 0%, transparent)}35%{box-shadow:0 0 26px 3px color-mix(in srgb, var(--atm-accent) 60%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--atm-accent) 0%, transparent)}}@keyframes atm-sweep-rotate{to{transform:rotate(360deg)}}@keyframes atm-headline-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes atm-explainer-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes atm-cta-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes atm-face-breathe{0%,to{box-shadow:0 18px 40px color-mix(in srgb, var(--atm-bg-0) 70%, transparent);transform:translateY(0)}50%{box-shadow:0 26px 52px color-mix(in srgb, var(--atm-bg-0) 72%, transparent), 0 0 24px 1px color-mix(in srgb, var(--atm-accent) 36%, transparent);transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.atm,.atm__aura,.atm__sweep,.atm__head,.atm__headline,.atm__subline,.atm__tile,.atm__tile-face,.atm__cta,.atm__tile:after{animation:none!important}.atm__tile,.atm__tile[data-state=flying],.atm__cta{opacity:1;transform:none}.atm__cta:disabled{opacity:.4}.atm__headline{color:var(--atm-ink);filter:none;background:0 0}}.atm--reduced.atm,.atm--reduced .atm__aura,.atm--reduced .atm__sweep,.atm--reduced .atm__headline,.atm--reduced .atm__subline,.atm--reduced .atm__head,.atm--reduced .atm__tile-face,.atm--reduced .atm__cta,.atm--reduced .atm__tile:after{animation:none}.atm--reduced .atm__tile{opacity:1;animation:.28s both atm-fade-in;transform:none}.atm--reduced .atm__headline{color:var(--atm-ink);filter:none;background:0 0}@keyframes atm-fade-in{0%{opacity:0}to{opacity:1}}
.onb-staged{overflow-anchor:none;flex-direction:column;gap:18px;height:100%;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.create-main .onb-staged{padding-inline:clamp(16px,4vw,72px)}.onb-staged__scanwarn{color:#5c4410;background:#fdf4e2;border:1px solid #b8862880;border-left:3px solid #c8881e;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.5}.onb-staged__scanwarn strong{color:#8a5410}.onb-staged__competitive{flex-direction:column;gap:16px;display:flex}.onb-staged__bar{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:16px;display:flex}.onb-staged__continue{font-family:var(--font-big-shoulders), system-ui, sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#06231c;background:var(--chart-brand);cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:filter .16s,transform .16s}.onb-staged__continue:hover{filter:brightness(1.08);transform:translateY(-1px)}.onb-staged__continue:focus-visible{outline:2px solid var(--chart-brand);outline-offset:2px}.onb-staged__bar .onb-staged__continue{color:var(--chart-brand);border:1px solid var(--chart-rule);background:0 0;padding:8px 16px;font-size:13px}.onb-staged__bar .onb-staged__continue:hover{border-color:var(--chart-brand);filter:none}.onb-staged__continue--primary{letter-spacing:.06em;color:#06231c;background:var(--chart-brand);border:1px solid color-mix(in srgb, var(--chart-brand) 55%, #06231c);width:min(560px,100%);min-height:68px;box-shadow:0 18px 38px -16px color-mix(in srgb, var(--chart-brand) 70%, transparent), inset 0 1px 0 #ffffff47;border-radius:14px;justify-content:center;align-self:center;align-items:center;margin:12px 0 24px;padding:18px 40px;font-size:24px;display:inline-flex}.onb-staged__continue--primary:hover{box-shadow:0 24px 46px -16px color-mix(in srgb, var(--chart-brand) 80%, transparent), inset 0 1px 0 #ffffff47;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.onb-staged__continue,.onb-staged__continue--primary{transition:none}.onb-staged__continue:hover,.onb-staged__continue--primary:hover{transform:none}}.onb-resume-card{border:1px solid var(--chart-rule);border-left:3px solid var(--chart-brand);background:var(--chart-card-soft,var(--chart-card));border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.onb-resume-card:hover{border-color:var(--chart-brand);transform:translateY(-1px)}.onb-resume-card__eyebrow{font-family:var(--font-big-shoulders), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--chart-brand);font-size:11px;font-weight:600}.onb-resume-card__title{font-family:var(--font-big-shoulders), system-ui, sans-serif;color:var(--chart-ink);font-size:17px;font-weight:600}.onb-resume-card__blurb{color:var(--chart-muted);font-size:13px;line-height:1.45}.onb-resume-page{flex-direction:column;align-items:flex-start;gap:16px;padding:40px;display:flex}.onb-resume-page__status{color:var(--chart-muted);font-size:14px;line-height:1.5}
