.create-resume-page{--cr-ink:#1e2a4a;--cr-ink-muted:#5b6478;--cr-surface:#fffffff0;--cr-border:#1e2a4a14;--cr-accent:#6d28d9;--cr-accent-end:#2563eb;--cr-focus:#6d28d924;height:100dvh;max-height:100dvh;color:var(--cr-ink);background:radial-gradient(circle at 12% 8%,#a78bfa24,#0000 34%),radial-gradient(circle at 88% 14%,#60a5fa1f,#0000 30%),linear-gradient(#f7f8fc 0%,#eef2f8 48%,#f5f7fb 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.create-resume-page__backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.create-resume-page__orb{filter:blur(48px);border-radius:9999px;position:absolute}.create-resume-page__orb--one{background:#a78bfa38;width:14rem;height:14rem;top:-4rem;left:-3rem}.create-resume-page__orb--two{background:#3b82f629;width:16rem;height:16rem;bottom:-5rem;right:-2rem}.create-resume-header{z-index:1;border-bottom:1px solid var(--cr-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;flex-shrink:0;position:relative}.create-resume-header__inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,72rem);height:clamp(3.5rem,8dvh,4rem);margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem);display:flex}.create-resume-logo{flex-shrink:0}.create-resume-stepper-mobile{color:var(--cr-ink-muted);margin:0;font-size:.8125rem;font-weight:600}.create-resume-stepper{align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:none}.create-resume-stepper__item{align-items:center;display:inline-flex}.create-resume-stepper__line{background:#d7dce8;width:2.25rem;height:1px;margin:0 .35rem}.create-resume-stepper__line--active{background:linear-gradient(90deg,#8b5cf6,#3b82f6)}.create-resume-stepper__step{color:#94a3b8;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.create-resume-stepper__step--active{color:var(--cr-accent)}.create-resume-stepper__step--complete{color:#3b82f6}.create-resume-stepper__badge{color:#64748b;background:#e8edf5;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.create-resume-stepper__step--active .create-resume-stepper__badge{background:linear-gradient(135deg,var(--cr-accent),var(--cr-accent-end));color:#fff;box-shadow:0 4px 12px #6d28d947}.create-resume-stepper__step--complete .create-resume-stepper__badge{color:#1d4ed8;background:#dbeafe}.create-resume-main{z-index:1;flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(.75rem,2.5dvh,1.5rem) clamp(1rem,3vw,1.5rem) clamp(1rem,3dvh,1.75rem);display:flex;position:relative}.create-resume-panel{width:min(100%,30rem);animation:.42s cubic-bezier(.22,1,.36,1) both create-resume-in}.create-resume-panel__card{background:var(--cr-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffffd9;border-radius:1.25rem;padding:clamp(1.35rem,3.5dvh,2rem);box-shadow:inset 0 1px #ffffffe6,0 24px 48px #1e2a4a14,0 8px 16px #1e2a4a0a}.create-resume-panel__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#7c3aed;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.create-resume-panel__title{letter-spacing:-.03em;color:var(--cr-ink);margin:0;font-size:clamp(1.85rem,4.8dvh,2.65rem);font-weight:700;line-height:1.08}.create-resume-panel__title-accent{background:linear-gradient(135deg,#6d28d9 0%,#2563eb 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.create-resume-panel__description{color:var(--cr-ink-muted);margin:clamp(.5rem,1.5dvh,.75rem) 0 0;font-size:clamp(.9375rem,2.2dvh,1.05rem);line-height:1.55}.create-resume-form{margin-top:clamp(1rem,2.8dvh,1.5rem)}.create-resume-form__fields{gap:clamp(.75rem,2dvh,1rem);display:grid}.create-resume-field{display:block}.create-resume-field__label{color:#64748b;margin-bottom:.45rem;font-size:.8125rem;font-weight:600;display:block}.create-resume-field__input{width:100%;height:clamp(2.75rem,7dvh,3rem);color:var(--cr-ink);background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;padding:0 .95rem;font-size:1rem;transition:border-color .14s,background-color .14s,box-shadow .14s}.create-resume-field__input::placeholder{color:#94a3b8}.create-resume-field__input:hover{background:#fff;border-color:#cbd5e1}.create-resume-field__input:focus{box-shadow:0 0 0 4px var(--cr-focus);background:#fff;border-color:#a78bfa}.create-resume-form__actions{justify-content:space-between;align-items:center;gap:.75rem;margin-top:clamp(1rem,2.8dvh,1.35rem);display:flex}.create-resume-btn{border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;min-height:clamp(2.65rem,7dvh,2.85rem);padding:0 1.25rem;font-size:.9375rem;font-weight:600;transition:transform .14s,box-shadow .14s,background-color .14s,border-color .14s;display:inline-flex}.create-resume-btn:active{transform:scale(.98)}.create-resume-btn--ghost{color:#475569;background:#ffffffe6;border:1px solid #dbe1ea}.create-resume-btn--ghost:hover{color:#334155;background:#fff;border-color:#c7d0de}.create-resume-btn--primary{background:linear-gradient(135deg,var(--cr-accent)0%,var(--cr-accent-end)100%);color:#fff;border:none;padding-inline:1.5rem;box-shadow:0 10px 24px #6d28d947}.create-resume-btn--primary:hover{box-shadow:0 14px 28px #6d28d957}.create-resume-btn--primary:disabled{cursor:not-allowed;opacity:.65;transform:none}.create-resume-form__error{color:#dc2626;margin:.35rem 0 0;font-size:.8125rem}.create-resume-consent{align-items:flex-start;gap:.65rem;margin-top:clamp(.85rem,2.2dvh,1rem);display:flex}.create-resume-consent__checkbox{accent-color:#6d28d9;border-radius:.25rem;flex-shrink:0;width:1rem;height:1rem;margin-top:.15rem}.create-resume-consent__copy{color:var(--cr-ink-muted);font-size:.8125rem;line-height:1.5}.create-resume-selection-note{color:var(--cr-ink-muted);margin:0;font-size:.8125rem;line-height:1.5}.create-resume-selection-note strong{color:var(--cr-ink);font-weight:600}.create-resume-form__helper{text-align:center;margin:.75rem 0 0;font-size:.8125rem}.create-resume-form__helper-link{color:#2563eb;text-underline-offset:2px;font-weight:600;text-decoration:underline}@keyframes create-resume-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@media (min-width:768px){.create-resume-stepper-mobile{display:none}.create-resume-stepper{display:flex}}@media (max-width:767px){.create-resume-stepper__label{display:none}}@media (max-width:380px){.create-resume-panel__card{padding:1.15rem}.create-resume-form__actions{flex-direction:column-reverse;align-items:stretch}.create-resume-btn{width:100%}}@media (prefers-reduced-motion:reduce){.create-resume-panel{animation:none}.create-resume-btn:active{transform:none}}
