*,:before,:after{box-sizing:border-box}:root{--bg:#101015;--surface:#181820;--surface-soft:#24232d;--field-bg:#12121a;--text:#c8d0dc;--text-muted:#8d98a8;--text-strong:#f7f8fb;--border:#353442;--accent:#2dd4bf;--accent-strong:#14b8a6;--danger:#fb7185;--danger-bg:#3f1720;--success:#86efac;--success-bg:#123322;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 12% 8%, #2dd4bf29, transparent 34%), radial-gradient(circle at 88% 82%, #f59e0b1a, transparent 30%), linear-gradient(135deg, #ffffff08, transparent 38%), var(--bg);scrollbar-color:color-mix(in srgb, var(--accent) 48%, transparent) #0c0c12;scrollbar-width:thin;min-height:100svh;margin:0}::selection{color:var(--text-strong);background:#2dd4bf57}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0c0c12}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 42%, var(--border));border:2px solid #0c0c12;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 62%, var(--border))}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}.app-shell{grid-template-columns:minmax(420px,560px) minmax(620px,680px);justify-content:space-between;align-items:center;gap:72px;width:min(1540px,100% - 96px);min-height:100svh;margin:0 auto;padding:24px 0;display:grid}.intro-panel{gap:22px;max-width:620px;padding-left:22px;display:grid;position:relative}.intro-panel:before{content:"";background:linear-gradient(180deg, var(--accent), #f59e0b);opacity:.72;border-radius:999px;width:3px;position:absolute;inset:8px auto 8px 0}.eyebrow{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);width:fit-content;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;background:#2dd4bf0f;border-radius:999px;margin:0;padding:5px 8px;font-size:.78rem;font-weight:700}h1{color:var(--text-strong);text-shadow:0 18px 46px #00000047;gap:4px;max-width:100%;margin:0;font-size:clamp(2.6rem,5.8vw,4.85rem);line-height:.92;display:grid}h1 span{width:fit-content;display:block}.intro-copy{max-width:560px;color:var(--text-muted);margin:0;font-size:1.08rem;line-height:1.45}.wizard-card{isolation:isolate;border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:26px;width:100%;padding:26px 36px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000052}.wizard-card:before{content:"";z-index:-1;border-radius:inherit;opacity:.8;pointer-events:none;background:radial-gradient(circle at 18% 0,#2dd4bf1f,#0000 32%),radial-gradient(circle at 90% 100%,#f59e0b1a,#0000 30%);position:absolute;inset:0}.wizard-header{gap:16px;display:grid}.wizard-title-block{animation:.18s both wizard-title-in}.wizard-title-block--backward{animation-name:wizard-title-in-reverse}.wizard-title-block--reset{animation-name:wizard-title-reset-in}.wizard-step-meta{flex-wrap:wrap;align-items:center;gap:8px;min-height:26px;display:flex}.wizard-step-count{color:var(--text-muted);font-size:.98rem}.wizard-header h2{color:var(--text-strong);margin:4px 0 0;font-size:1.5rem}.progress-segments{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.progress-segment{--progress-transition-delay:0s;background:var(--surface-soft);cursor:pointer;isolation:isolate;border:0;border-radius:999px;place-items:center;width:100%;height:12px;padding:0;transition:background .16s,box-shadow .16s,opacity .16s,transform .16s;display:grid;position:relative;overflow:hidden}.progress-segment:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--accent), #f59e0b);opacity:0;transform-origin:0;transition:opacity .22s,transform .26s;transition-delay:var(--progress-transition-delay);position:absolute;inset:0;transform:scaleX(0)}.progress-segment:before{content:"";border-radius:inherit;filter:blur(3px);opacity:0;width:18px;transition:opacity .18s,transform .26s;transition-delay:var(--progress-transition-delay);z-index:1;background:#ffffff61;position:absolute;inset:2px auto 2px 2px;transform:translate(-18px)}.progress-segment span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.progress-segment.is-current,.progress-segment.is-complete{background:var(--surface-soft)}.progress-segment.is-complete:after{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 74%, #94a3b8), var(--accent))}.progress-segment.is-current:after,.progress-segment.is-complete:after{opacity:1;transform:scaleX(1)}.progress-segment.is-current{transform:scaleY(1.18);box-shadow:0 0 0 1px #2dd4bf1f}.progress-segment.is-current:before{opacity:.72;transform:translate(22px)}.progress-segment.is-current:after{background:linear-gradient(90deg, var(--accent), #f59e0b 72%, #fde68a)}.progress-segment:hover{transform:translateY(-1px);box-shadow:0 0 0 3px #2dd4bf1a}.progress-segment.is-current:hover{transform:translateY(-1px)scaleY(1.18);box-shadow:0 0 0 3px #2dd4bf1a,0 0 22px #2dd4bf29}.progress-segment:active:not([aria-disabled=true]){transform:translateY(0)scaleY(.92);box-shadow:0 0 0 2px #2dd4bf24,inset 0 1px 4px #00000038}.progress-segment.is-current:active:not([aria-disabled=true]){transform:translateY(0)scaleY(1.05)}.progress-segment[aria-disabled=true]{background:linear-gradient(90deg, #ffffff0d, transparent), color-mix(in srgb, var(--surface-soft) 88%, #020617);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 58%, transparent);opacity:.72}.progress-segment[aria-disabled=true]:hover{background:linear-gradient(90deg, #2dd4bf1a, transparent), color-mix(in srgb, var(--surface-soft) 84%, var(--accent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent), 0 0 0 3px #2dd4bf12;opacity:.86}.progress-segment[aria-disabled=true]:after,.progress-segment[aria-disabled=true]:before{opacity:0}.progress-segment:focus-visible{outline-offset:3px;outline:3px solid #2dd4bf38}.progress-segment,.portfolio-toggle,.account-type-option,.experience-level-option,.skill-add-button,.skill-remove-button,.submit-test-toggle,.wizard-status button,.wizard-actions button{-webkit-user-select:none;user-select:none}.wizard-hint{max-width:0;color:var(--text-muted);opacity:0;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 0;font-size:.84rem;font-weight:700;line-height:1.3;transition:max-width .18s,padding .18s,border-color .18s,background .18s,opacity .18s,transform .18s;display:inline-flex;overflow:hidden;transform:translateY(3px)scale(.98)}.wizard-hint.is-visible{border-color:color-mix(in srgb, var(--accent) 24%, transparent);opacity:1;background:#2dd4bf0d;max-width:min(100%,340px);padding:4px 8px;transform:translateY(0)scale(1)}.wizard-hint:before{content:"";background:var(--accent);opacity:0;border-radius:999px;flex:none;width:6px;height:6px;transition:opacity .18s,transform .18s;transform:scale(.6);box-shadow:0 0 12px #2dd4bf94}.wizard-hint.is-visible:before{opacity:1;transform:scale(1)}.step-fields{gap:18px;min-height:0;display:grid}.wizard-step-panel{min-width:0;min-height:0;animation:.22s both step-panel-in}.wizard-step-panel--backward{animation-name:step-panel-in-reverse}.wizard-step-panel--reset{animation-name:step-panel-reset-in}.preferences-step{gap:16px}.portfolio-toggle{border:1px solid var(--border);color:var(--text-strong);cursor:pointer;background:#ffffff05;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.portfolio-toggle:before{content:"";background:var(--accent);opacity:0;width:3px;transition:opacity .18s;position:absolute;inset:0 auto 0 0}.portfolio-toggle:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));transform:translateY(-1px);box-shadow:0 12px 28px #00000026}.portfolio-toggle:has(input:focus-visible){border-color:var(--accent);outline:3px solid #2dd4bf2e}.portfolio-toggle:has(input:checked){border-color:color-mix(in srgb, var(--accent) 54%, var(--border));background:#2dd4bf12}.portfolio-toggle:has(input:checked):before{opacity:1}.portfolio-toggle__input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portfolio-toggle__content{gap:3px;display:grid}.portfolio-toggle__content strong{align-items:center;gap:7px;font-size:1.04rem;display:inline-flex}.portfolio-toggle__content strong svg{color:var(--accent);stroke:currentColor}.portfolio-toggle__content small{color:var(--text-muted);font-size:.9rem;line-height:1.3}.portfolio-toggle__control{align-items:center;display:inline-flex}.portfolio-toggle__switch{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:#0003;border-radius:999px;width:44px;height:26px;transition:border-color .18s,background .18s;position:relative}.portfolio-toggle__switch:after{content:"";background:var(--text-muted);border-radius:999px;width:16px;height:16px;transition:background .18s,transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 8px 18px #0000003d}.portfolio-toggle:has(input:checked) .portfolio-toggle__switch{border-color:color-mix(in srgb, var(--accent) 72%, transparent);background:#2dd4bf2e}.portfolio-toggle:has(input:checked) .portfolio-toggle__switch:after{background:var(--accent);transform:translate(18px)}.portfolio-url-panel{opacity:0;background:0 0;border:1px solid #0000;border-radius:8px;max-height:0;padding:0 10px;transition:max-height .22s,padding .22s,border-color .22s,background .22s,opacity .18s,transform .22s;overflow:hidden;transform:translateY(-5px)}.portfolio-url-panel.is-visible{border-color:color-mix(in srgb, var(--accent) 24%, var(--border));opacity:1;background:#2dd4bf0a;max-height:160px;padding:10px;transform:translateY(0)}.portfolio-url-panel>.form-field{min-height:0}.portfolio-url-input{border:1px solid var(--border);background:var(--field-bg);border-radius:6px;align-items:center;min-height:42px;transition:border-color .18s,outline-color .18s;display:flex}.portfolio-url-input:has(input:focus){border-color:var(--accent);outline:3px solid #2dd4bf2e}.portfolio-url-input:has(input[aria-invalid=true]){border-color:var(--danger)}.portfolio-url-input__icon{border-right:1px solid var(--border);min-width:42px;color:var(--accent);align-self:stretch;place-items:center;display:grid}.portfolio-url-input__icon svg{stroke:currentColor}.form-field input:not([type=checkbox]),.form-field textarea{border:1px solid var(--border);width:100%;min-height:52px;color:var(--text-strong);background:var(--field-bg);font:inherit;border-radius:6px;padding:12px 14px;font-size:1rem;transition:border-color .18s,box-shadow .18s,outline-color .18s}.form-field textarea{resize:vertical;min-height:112px}.form-field input::placeholder,.form-field textarea::placeholder{color:color-mix(in srgb, var(--text-muted) 62%, transparent);transition:color .18s}.form-field input:focus::placeholder,.form-field textarea:focus::placeholder{color:color-mix(in srgb, var(--text-muted) 78%, transparent)}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);outline:3px solid #2dd4bf2e;box-shadow:inset 0 1px #ffffff0d}.form-field input[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:inset 0 1px #ffffff0a}.account-type-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.account-type-option{isolation:isolate;border:1px solid var(--border);min-height:96px;color:var(--text-muted);cursor:pointer;background:#ffffff05;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.account-type-option:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#2dd4bf1f,#fbbf2414);transition:opacity .18s;position:absolute;inset:0}.account-type-option:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));color:var(--text-strong);transform:translateY(-1px)}.account-type-option:hover:before{opacity:.42}.account-type-option:active{transform:translateY(0)scale(.99)}.account-type-option:has(input:focus-visible){border-color:var(--accent);outline:3px solid #2dd4bf2e}.account-type-option:has(input:checked){border-color:color-mix(in srgb, var(--accent) 58%, var(--border));color:var(--text-strong);box-shadow:0 14px 32px #0000002e}.account-type-option:has(input:checked):before{opacity:1}.account-type-option input{opacity:0;pointer-events:none;position:absolute}.account-type-option__indicator{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));width:32px;height:32px;color:var(--accent);background:#2dd4bf14;border-radius:999px;place-items:center;transition:border-color .18s,background .18s,box-shadow .18s,color .18s,transform .18s;display:grid}.account-type-option__indicator svg{stroke:currentColor}.account-type-option:has(input:checked) .account-type-option__indicator{color:var(--surface);background:var(--accent);transform:scale(1.06);box-shadow:0 0 0 4px #2dd4bf1a}.account-type-option__copy{gap:4px;display:grid}.account-type-option__copy strong{color:var(--text-strong);font-size:1.04rem}.account-type-option__copy small{color:var(--text-muted);font-size:.9rem;line-height:1.45;transition:color .18s}.account-type-option:has(input:checked) .account-type-option__copy small{color:color-mix(in srgb, var(--text-strong) 72%, var(--text-muted))}.company-field-panel{opacity:0;pointer-events:none;max-height:0;margin-top:-18px;transition:max-height .24s,margin-top .24s,opacity .18s,transform .24s;overflow:hidden;transform:translateY(-6px)}.company-field-panel--visible{opacity:1;pointer-events:auto;max-height:210px;margin-top:0;transform:translateY(0)}.company-field-panel>.form-field{isolation:isolate;border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));opacity:0;background:linear-gradient(135deg,#2dd4bf12,#0000 46%),#ffffff05;border-radius:8px;min-height:0;padding:14px;transition:border-color .18s,background .18s,opacity .18s,transform .22s;position:relative;overflow:hidden;transform:translateY(-8px)scale(.985);box-shadow:inset 0 1px #ffffff0d}.company-field-panel>.form-field:before{content:"";z-index:-1;background:linear-gradient(180deg, var(--accent), #f59e0b);opacity:.78;width:3px;position:absolute;inset:0 auto 0 0}.company-field-panel>.form-field:has(input:focus){border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:linear-gradient(135deg,#2dd4bf1c,#0000 46%),#2dd4bf0a}.company-field-panel--visible>.form-field{opacity:1;transition-delay:55ms;transform:translateY(0)scale(1)}.experience-level-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.experience-level-option{isolation:isolate;border:1px solid var(--border);min-height:128px;color:var(--text-muted);cursor:pointer;background:#ffffff05;border-radius:8px;align-content:start;gap:12px;padding:14px;transition:border-color .18s,box-shadow .18s,color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.experience-level-option:before{content:"";z-index:-1;opacity:0;background:linear-gradient(145deg,#2dd4bf1f,#fbbf2412);transition:opacity .18s;position:absolute;inset:0}.experience-level-option:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));color:var(--text-strong);transform:translateY(-1px)}.experience-level-option:hover:before{opacity:.38}.experience-level-option:active{transform:translateY(0)scale(.99)}.experience-level-option:has(input:focus-visible){border-color:var(--accent);outline:3px solid #2dd4bf2e}.experience-level-option:has(input:checked){border-color:color-mix(in srgb, var(--accent) 58%, var(--border));color:var(--text-strong);box-shadow:0 14px 32px #00000029}.experience-level-option:has(input:checked):before{opacity:1}.experience-level-option input{opacity:0;pointer-events:none;position:absolute}.experience-level-option__marker{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));width:34px;height:34px;color:var(--accent);background:#2dd4bf0f;border-radius:999px;place-items:center;transition:border-color .18s,background .18s,box-shadow .18s,color .18s,transform .18s;display:grid}.experience-level-option__marker svg{stroke:currentColor}.experience-level-option:has(input:checked) .experience-level-option__marker{border-color:color-mix(in srgb, var(--accent) 70%, var(--border));color:var(--surface);background:var(--accent);animation:.26s experience-marker-pulse;transform:translateY(-1px);box-shadow:0 0 0 4px #2dd4bf1a}.experience-level-option__copy{gap:5px;display:grid}.experience-level-option__copy strong{color:var(--text-strong);font-size:1.04rem}.experience-level-option__copy small{color:var(--text-muted);font-size:.9rem;line-height:1.42;transition:color .18s}.experience-level-option:has(input:checked) .experience-level-option__copy small{color:color-mix(in srgb, var(--text-strong) 70%, var(--text-muted))}.portfolio-url-input input:not([type=checkbox]){background:0 0;border:0;min-height:40px}.portfolio-url-input input:focus,.portfolio-url-input input[aria-invalid=true]{border-color:#0000;outline:0}.notes-panel{isolation:isolate;border:1px solid var(--border);background:linear-gradient(135deg,#2dd4bf0f,#0000 42%),#ffffff05;border-radius:8px;padding:13px;transition:border-color .18s,background .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.notes-panel:before{content:"";z-index:-1;background:linear-gradient(180deg, var(--accent), #f59e0b);opacity:.7;width:3px;transition:opacity .18s;position:absolute;inset:0 auto 0 0}.notes-panel:has(textarea:focus){border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:linear-gradient(135deg,#2dd4bf1a,#0000 44%),#2dd4bf0a}.notes-panel:has(textarea:focus):before{opacity:1}.notes-panel .form-field{gap:11px}.notes-panel .form-field__label{font-size:1.04rem}.notes-panel .form-field__description{border-bottom:1px solid color-mix(in srgb, var(--border) 52%, transparent);padding-bottom:10px;line-height:1.42}.notes-input{border:1px solid var(--border);background:var(--field-bg);border-radius:6px;transition:border-color .18s;display:grid;overflow:hidden}.notes-input:has(textarea:focus){border-color:var(--accent)}.notes-input:has(textarea[aria-invalid=true]){border-color:var(--danger)}.notes-input textarea{resize:none;background:0 0;border:0;border-radius:0;min-height:86px}.notes-input textarea:focus,.notes-input textarea[aria-invalid=true]{border-color:#0000;outline:0}.notes-input__footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;padding:0 12px 10px;font-size:.84rem;font-weight:700;display:flex}.notes-input__hint{align-items:center;gap:6px;display:inline-flex}.notes-input__hint svg{stroke:currentColor}.skill-list{border:1px solid var(--border);background:#ffffff05;border-radius:8px;gap:18px;min-height:0;padding:16px;display:grid;position:relative;overflow:hidden}.skill-list:before{content:"";background:linear-gradient(180deg, var(--accent), #f59e0b);opacity:.82;width:3px;position:absolute;inset:0 auto 0 0}.skill-list__header{justify-content:space-between;align-items:start;gap:16px;display:flex}.skill-list__header h3,.skill-list__header p{margin:0}.skill-list__header h3{color:var(--text-strong);font-size:1.14rem}.skill-list__header p{color:var(--text-muted);margin-top:4px;font-size:.96rem}.skill-list__items{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--accent) 54%, transparent) transparent;scrollbar-gutter:stable;scrollbar-width:thin;gap:12px;min-height:0;max-height:min(242px,34vh);padding:2px 6px 2px 0;display:grid;overflow-y:auto}.skill-list__items::-webkit-scrollbar{width:8px}.skill-list__items::-webkit-scrollbar-track{background:0 0}.skill-list__items::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 42%, transparent);border-radius:999px}.skill-row{--skill-row-min-height:72px;--skill-row-padding-x:12px;--skill-row-padding-y:12px;min-height:var(--skill-row-min-height);padding:var(--skill-row-padding-y) var(--skill-row-padding-x);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:#00000024;border-radius:8px;grid-template-columns:28px minmax(0,1fr) minmax(92px,auto);align-items:center;gap:12px;transition:border-color .18s,background .18s,transform .18s;animation:.22s both skill-row-in;display:grid;overflow:hidden}.skill-row:hover,.skill-row:focus-within{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:#2dd4bf0a}.skill-row:focus-within{transform:translateY(-1px)}.skill-row--exiting{pointer-events:none;min-height:0;max-height:180px;animation:.18s both skill-row-out;overflow:hidden}.skill-row>.form-field{min-width:0}.skill-row__index{border:1px solid color-mix(in srgb, var(--accent) 46%, transparent);width:28px;height:28px;color:color-mix(in srgb, var(--accent) 88%, var(--text-strong));background:radial-gradient(circle at 35% 30%,#ffffff26,#0000 28%),linear-gradient(145deg,#2dd4bf29,#2dd4bf0d);border-radius:999px;place-self:center;place-items:center;font-size:.8rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff1a,0 0 0 3px #2dd4bf0d}.skill-add-button,.skill-remove-button{border:1px solid var(--border);min-height:40px;font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.98rem;font-weight:700;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.skill-add-button{color:#042f2e;border-color:var(--accent);background:var(--accent)}.skill-add-button:hover:not(:disabled){transform:translateY(-1px)}.skill-add-button:active:not(:disabled){transform:translateY(0)scale(.98)}.skill-add-button:disabled{cursor:default;opacity:.62}.skill-add-button__icon{width:18px;height:18px;color:var(--accent);background:#042f2e;border-radius:999px;place-items:center;font-size:.9rem;line-height:1;display:grid}.skill-add-button__icon svg{stroke:currentColor}.skill-remove-button{color:var(--text-muted);background:0 0}.skill-remove-button__icon{place-items:center;display:grid}.skill-remove-button__icon svg{stroke:currentColor}.skill-remove-button:hover:not(:disabled){color:var(--danger);border-color:color-mix(in srgb, var(--danger) 42%, var(--border))}.skill-remove-button:disabled{color:var(--text-muted);cursor:default;opacity:.6}.review-step{gap:14px;display:grid}@media (width>=821px){.review-step{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-section{padding:14px 16px 12px}.review-section__header{margin-bottom:12px}.review-section__icon{width:28px;height:28px}.review-section:nth-child(-n+2) .review-item{grid-template-columns:1fr;gap:5px;padding:9px 0}.review-section:nth-child(3){grid-column:1/-1}}.review-section{border:1px solid var(--border);background:linear-gradient(135deg,#2dd4bf12,#0000 38%),linear-gradient(#ffffff0a,#0000),#ffffff05;border-radius:8px;padding:16px 18px 14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 14px 34px #0000001f}.review-section:before{content:"";background:linear-gradient(180deg, var(--accent), #f59e0b);opacity:.86;width:4px;position:absolute;inset:0 auto 0 0}.review-section__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.review-section__title{align-items:center;gap:10px;min-width:0;display:inline-flex}.review-section__icon{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);width:30px;height:30px;color:var(--accent);background:radial-gradient(circle at 35% 30%,#ffffff24,#0000 30%),#2dd4bf14;border-radius:999px;flex:none;place-items:center;display:grid;box-shadow:0 0 0 3px #2dd4bf0d}.review-section__icon svg{stroke:currentColor}.review-section__eyebrow{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:#2dd4bf14;border-radius:999px;padding:4px 8px;font-size:.74rem;font-weight:800}.review-section h3{color:var(--text-strong);margin:0;font-size:1.28rem}.review-section dl{border-top:1px solid color-mix(in srgb, var(--border) 58%, transparent);gap:0;margin:0;display:grid}.review-item{border-bottom:1px solid color-mix(in srgb, var(--border) 42%, transparent);grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr);align-items:start;gap:12px;padding:11px 0;display:grid}.review-item:last-child{border-bottom:0;padding-bottom:0}.review-item dt{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.review-item dd{color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-weight:700}.review-notes-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.review-portfolio-preview{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);width:fit-content;max-width:100%;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#2dd4bf12;border-radius:999px;padding:5px 9px;display:block;overflow:hidden}.review-empty{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);width:fit-content;color:var(--text-muted);background:#ffffff08;border-radius:999px;padding:4px 8px;font-size:.9rem;font-weight:700}.review-chips{flex-wrap:wrap;gap:8px;display:flex}.review-chips span{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);color:var(--accent);background:linear-gradient(135deg,#2dd4bf24,#0000),#2dd4bf0f;border-radius:999px;padding:6px 10px;font-size:.94rem;font-weight:700}.submit-test-toggle{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);width:fit-content;color:var(--text-muted);cursor:pointer;background:linear-gradient(135deg,#ffffff0a,#0000),#ffffff05;border-radius:999px;justify-self:end;align-items:center;gap:8px;padding:7px 10px;font-size:.84rem;font-weight:800;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.submit-test-toggle input{width:13px;height:13px;accent-color:var(--danger);margin:0}.submit-test-toggle input:disabled{cursor:not-allowed;opacity:.6}.submit-test-toggle span{line-height:1}.submit-test-toggle__badge{color:color-mix(in srgb, var(--danger) 84%, var(--text-muted));letter-spacing:.08em;background:#f8717114;border-radius:999px;padding:3px 6px}.submit-test-toggle:has(input:checked){border-color:color-mix(in srgb, var(--danger) 48%, var(--border));color:var(--danger);background:linear-gradient(135deg,#f871711f,#0000),#f8717114;box-shadow:0 0 0 3px #f8717114}.wizard-status{opacity:0;border:1px solid #0000;border-radius:8px;gap:12px;max-height:0;margin:-24px 0 0;padding:0 16px 0 18px;font-size:1rem;font-weight:700;transition:max-height .22s,margin .22s,padding .22s,opacity .18s,transform .22s;display:grid;position:relative;overflow:hidden;transform:translateY(6px)}.wizard-status--visible{opacity:1;max-height:180px;margin:0;padding:14px 16px 14px 18px;transform:translateY(0)}.wizard-status:before{content:"";width:4px;position:absolute;inset:0 auto 0 0}.wizard-status p{margin:0;line-height:1.45}.wizard-status button{border:1px solid color-mix(in srgb, var(--success) 40%, transparent);width:fit-content;min-height:38px;color:var(--success);font:inherit;cursor:pointer;background:#86efac12;border-radius:6px;padding:8px 11px;font-size:.94rem;font-weight:800;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.wizard-status__mark{display:none}.wizard-status button:hover{border-color:color-mix(in srgb, var(--success) 62%, transparent);background:#86efac1f;transform:translateY(-1px);box-shadow:0 12px 26px #00000029}.wizard-status--error{border-color:color-mix(in srgb, var(--danger) 36%, transparent);color:var(--danger);background:linear-gradient(135deg, #fb71851f, transparent 48%), var(--danger-bg)}.wizard-status--error:before{background:var(--danger)}.wizard-status--success{border-color:color-mix(in srgb, var(--success) 42%, transparent);color:var(--success);background:linear-gradient(135deg, #86efac2e, transparent 48%), linear-gradient(90deg, #86efac14, transparent 64%), var(--success-bg);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;box-shadow:inset 0 1px #ffffff0f,0 18px 38px #00000029}.wizard-status--success.wizard-status--visible{padding:12px 14px 12px 16px}.wizard-status--success .wizard-status__mark{border:1px solid color-mix(in srgb, var(--success) 42%, transparent);color:#052e16;background:var(--success);border-radius:999px;place-items:center;width:30px;height:30px;font-size:.98rem;font-weight:900;display:grid;box-shadow:0 0 0 4px #86efac1a,0 8px 20px #0000002e}.wizard-status--success:before{background:var(--success)}.wizard-actions{justify-content:space-between;gap:12px;padding-top:2px;display:flex}.wizard-actions button{border:1px solid var(--border);min-width:104px;min-height:46px;color:var(--text-strong);background:var(--surface);font:inherit;cursor:pointer;border-radius:6px;padding:10px 16px;font-weight:700;transition:border-color .18s,background .18s,box-shadow .18s,color .18s,transform .18s}.wizard-actions button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 36%, var(--border));transform:translateY(-1px);box-shadow:0 12px 28px #00000029}.wizard-actions button:focus-visible{outline-offset:3px;outline:3px solid #2dd4bf2e}.wizard-actions__back{justify-content:center;align-items:center;gap:8px;display:inline-flex}.wizard-actions__back svg{stroke:currentColor}.wizard-actions__back svg,.wizard-actions__next svg{transition:transform .16s}.wizard-actions__back:hover:not(:disabled) svg{transform:translate(-2px)}.wizard-actions__back:active:not(:disabled),.wizard-actions__next:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 8px 18px #0000002e}.wizard-actions__back:active:not(:disabled) svg{transform:translate(-4px)}.wizard-actions__primary{color:#042f2e;border-color:var(--accent);background:var(--accent);justify-content:center;align-items:center;gap:9px;display:inline-flex;position:relative;overflow:hidden}.wizard-actions__primary:hover:not(:disabled){box-shadow:0 16px 34px #2dd4bf2e}.wizard-actions__primary svg{stroke:currentColor}.wizard-actions__next{gap:8px}.wizard-actions__next:hover:not(:disabled) svg{transform:translate(2px)}.wizard-actions__next:active:not(:disabled) svg{transform:translate(4px)}.wizard-actions__primary--loading{color:#042f2e;border-color:color-mix(in srgb, #facc15 56%, var(--accent));background:linear-gradient(100deg, var(--accent), #22d3ee, #facc15, var(--accent));opacity:1;background-size:260% 100%;animation:.9s linear infinite submit-button-flow;box-shadow:0 0 0 3px #2dd4bf24,0 0 26px #2dd4bf38,0 16px 34px #facc151f}.wizard-actions__spinner{background:#042f2e1f;border:3px solid #042f2e47;border-color:#042f2e47 #5eead4 #14b8a6 #042f2e47;border-radius:999px;width:18px;height:18px;animation:.62s linear infinite submit-spinner;box-shadow:0 0 0 1px #042f2e38,0 0 12px #2dd4bf47}.wizard-actions button:disabled{color:var(--text-muted);cursor:default;opacity:.6}.wizard-actions__primary--loading:disabled{color:#042f2e;opacity:1}.form-field{gap:9px;display:grid}.form-field__label{color:var(--text-strong);align-items:center;gap:4px;font-size:1rem;font-weight:700;display:flex}.form-field__label span{color:var(--accent)}.form-field__label--hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-field__description,.form-field__error{margin:0;font-size:.94rem}.form-field__description{color:var(--text-muted)}.form-field__error{color:var(--danger);opacity:0;max-height:0;margin-top:-8px;transition:margin-top .18s,max-height .18s,opacity .16s,transform .18s;overflow:hidden;transform:translateY(-4px)}.form-field__error--visible{opacity:1;max-height:44px;margin-top:0;transform:translateY(0)}.skill-list__error{margin-top:-18px}.skill-list__error.form-field__error--visible{margin-top:0}.skill-row .form-field{position:relative}.skill-row .form-field>.form-field__error,.skill-row .form-field>.form-field__error.form-field__error--visible{clip:rect(0 0 0 0);clip-path:inset(50%);opacity:1;white-space:nowrap;border:0;width:1px;height:1px;max-height:none;margin:-1px;padding:0;transition:none;position:absolute;overflow:hidden;transform:none}@keyframes step-panel-in{0%{opacity:0;transform:translate(8px)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes step-panel-in-reverse{0%{opacity:0;transform:translate(-8px)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes step-panel-reset-in{0%{opacity:0;transform:translateY(-10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wizard-title-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes wizard-title-in-reverse{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes wizard-title-reset-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes experience-marker-pulse{0%{transform:translateY(0)scale(.96);box-shadow:0 0 #2dd4bf00}55%{transform:translateY(-1px)scale(1.05);box-shadow:0 0 0 7px #2dd4bf24}to{transform:translateY(-1px)scale(1);box-shadow:0 0 0 4px #2dd4bf1a}}@keyframes submit-button-flow{0%{background-position:0%}to{background-position:220%}}@keyframes submit-spinner{to{transform:rotate(360deg)}}@keyframes skill-row-in{0%{opacity:0;min-height:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)scale(.99)}to{max-height:180px;min-height:var(--skill-row-min-height);padding-top:var(--skill-row-padding-y);padding-bottom:var(--skill-row-padding-y);opacity:1;transform:translateY(0)scale(1)}}@keyframes skill-row-out{0%{max-height:180px;min-height:var(--skill-row-min-height);padding-top:var(--skill-row-padding-y);padding-bottom:var(--skill-row-padding-y);opacity:1;transform:translateY(0)scale(1)}to{opacity:0;min-height:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)scale(.99)}}@media (width<=1280px){.app-shell{grid-template-columns:1fr;justify-content:stretch;align-items:start;gap:32px;width:min(820px,100% - 48px);padding:34px 0}.intro-panel{gap:18px;max-width:700px}h1{font-size:clamp(2.55rem,6.8vw,4.2rem)}.intro-copy{max-width:620px}.wizard-card{padding:26px 34px}}@media (width<=820px){.app-shell{gap:32px;width:min(680px,100% - 28px);padding:36px 0}.intro-panel{gap:16px;max-width:560px}h1{font-size:clamp(2.5rem,9.2vw,3.8rem)}.intro-copy{max-width:540px}.wizard-card{gap:26px;padding:30px}.step-fields{gap:18px}.skill-list__header{grid-template-columns:1fr;display:grid}.skill-row{--skill-row-min-height:0px;grid-template-columns:26px minmax(0,1fr) auto;align-items:stretch}.portfolio-toggle{grid-template-columns:1fr}.portfolio-toggle__control{justify-content:space-between}.review-item{grid-template-columns:1fr;gap:4px}.wizard-actions button{flex:1;min-width:0}.skill-row__index{width:26px;height:26px;font-size:.82rem}}@media (width<=520px){.app-shell{gap:24px;width:min(100% - 20px,440px);padding:28px 0}.eyebrow{margin-bottom:4px}h1{font-size:clamp(2.35rem,13vw,3.35rem)}.intro-copy{margin-top:6px;font-size:1rem}.wizard-card{gap:22px;padding:22px}.form-field input:not([type=checkbox]),.form-field textarea{min-height:48px;padding:11px 12px}.form-field__label{font-size:.98rem}.account-type-picker{grid-template-columns:1fr}.account-type-option{min-height:84px;padding:12px}.experience-level-picker{grid-template-columns:1fr}.experience-level-option{min-height:108px;padding:12px}.wizard-header{gap:16px}.wizard-step-meta{min-height:24px}.wizard-header h2{font-size:1.3rem}.skill-list,.notes-panel,.review-section{padding:12px}.review-section{padding-left:14px}.review-step{gap:18px}.skill-list__items{gap:8px;max-height:min(236px,36vh)}.skill-row{--skill-row-min-height:54px;--skill-row-padding-x:7px;--skill-row-padding-y:7px;grid-template-columns:24px minmax(0,1fr) 38px;gap:8px}.skill-row__index{width:24px;height:24px;font-size:.76rem}.skill-remove-button{width:38px;min-height:38px;padding:0;font-size:0}.skill-row .form-field{gap:0}.skill-row .form-field input:not([type=checkbox]){min-height:38px}.portfolio-toggle{grid-template-columns:minmax(0,1fr) auto;padding:12px}.portfolio-toggle__content small{font-size:.84rem}.review-section__header{flex-direction:column;align-items:start;gap:8px;margin-bottom:12px}.review-item{padding:10px 0}.submit-test-toggle{justify-self:start;width:fit-content}.wizard-status--success{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-size:.94rem}.wizard-status--success.wizard-status--visible{padding:12px 12px 12px 14px}.wizard-status--success .wizard-status__mark{width:30px;height:30px;font-size:.95rem;box-shadow:0 0 0 4px #86efac17,0 8px 18px #0000002e}.wizard-status--success p{line-height:1.35}.wizard-status--success button{grid-column:2;min-height:34px;padding:6px 10px;font-size:.88rem}.wizard-actions{gap:10px}.wizard-actions button{min-height:48px;padding:11px 12px}}@media (width<=380px){.wizard-card{padding:16px}.portfolio-toggle{grid-template-columns:1fr}.portfolio-toggle__control{justify-content:start}.wizard-actions{flex-direction:column-reverse}.wizard-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.wizard-card *,.wizard-card :before,.wizard-card :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
