*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #007AFF;--color-primary-hover: #0051D5;--color-primary-light: rgba(0, 122, 255, .1);--color-secondary: #8E8E93;--color-error: #FF3B30;--color-success: #34C759;--color-text: #000000;--color-text-secondary: #3C3C43;--color-text-tertiary: #8E8E93;--color-bg: rgba(255, 255, 255, .8);--color-bg-glass: rgba(255, 255, 255, .7);--color-bg-light: rgba(242, 242, 247, .6);--color-border: rgba(0, 0, 0, .1);--color-border-light: rgba(0, 0, 0, .05);--color-border-focus: #007AFF;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius: .75rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .12)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--color-text);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.quiz-container{width:100%;max-width:600px;background:var(--color-bg-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:var(--spacing-2xl) var(--spacing-xl);position:relative;overflow:hidden}.quiz-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);pointer-events:none}.quiz-content{position:relative;z-index:1}.quiz-loading,.quiz-error,.quiz-thank-you{text-align:center;padding:var(--spacing-3xl)}.quiz-thank-you h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-success);letter-spacing:-.02em}.progress-container{margin-bottom:var(--spacing-2xl)}.progress-text{font-size:.8125rem;font-weight:600;color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm);text-align:center;letter-spacing:.01em;text-transform:uppercase}.progress-bar{height:3px;background:var(--color-bg-light);backdrop-filter:blur(10px);border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#007aff,#5ac8fa);border-radius:10px;transition:width var(--transition-smooth) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite;will-change:transform;transform:translate(-100%)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.step{display:flex;flex-direction:column;min-height:auto}.step-wrapper{position:relative;min-height:auto;display:flex;flex-direction:column}.step-wrapper>*{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateZ(0) scale(1);will-change:opacity,transform;backface-visibility:hidden;perspective:1000px}.step-wrapper.step-exiting>*{opacity:0;transform:translate3d(0,-8px,0) scale(.98);transition:opacity .25s cubic-bezier(.4,0,1,1),transform .25s cubic-bezier(.4,0,1,1)}.step-wrapper:not(.step-exiting)>*{animation:slideInFade .35s cubic-bezier(.4,0,.2,1)}@keyframes slideInFade{0%{opacity:0;transform:translate3d(0,12px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}.step h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-2xl);color:var(--color-text);line-height:1.2;letter-spacing:-.03em}.step h2,.step h2:focus,.step h2:active,.step h2:visited{outline:none!important;border:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}.step h2:focus-visible{outline:2px solid var(--color-border-focus)!important;outline-offset:4px;border-radius:var(--spacing-xs)}.selection-options{display:flex;flex-direction:column;gap:var(--spacing-md);flex:0 1 auto}.selection-option{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-glass);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font-size:1rem;text-align:left;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1);color:var(--color-text);font-family:inherit;font-weight:500;position:relative;box-shadow:var(--shadow-sm);will-change:transform,box-shadow,border-color;transform:translateZ(0);backface-visibility:hidden}.selection-option:hover{border-color:var(--color-primary);background:#ffffffe6;transform:translate3d(0,-3px,0) scale(1.02);box-shadow:var(--shadow-lg);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1)}.selection-option:active{transform:translate3d(0,-1px,0) scale(1);transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1)}.selection-option:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.selection-option.selected{border-color:var(--color-primary);background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;font-weight:600;box-shadow:0 4px 20px #007aff66;transform:translate3d(0,-2px,0)}.selection-option.selected:hover{background:linear-gradient(135deg,#0051d5,#007aff);box-shadow:0 6px 25px #007aff80;transform:translate3d(0,-3px,0) scale(1.02)}.input-group{margin-bottom:var(--spacing-lg)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.input-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);letter-spacing:.01em}.input{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius);font-family:inherit;transition:all var(--transition) ease;background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text);line-height:1.5;box-shadow:var(--shadow-sm)}.input:focus{outline:none;border-color:var(--color-border-focus);background:#fffffff2;box-shadow:0 0 0 4px var(--color-primary-light),var(--shadow-md);transform:translate3d(0,-1px,0)}.input-error{border-color:var(--color-error);box-shadow:0 0 0 4px #ff3b301a,var(--shadow-sm)}.input-textarea{resize:vertical;min-height:120px;font-family:inherit}.char-counter{font-size:.75rem;color:var(--color-text-tertiary);margin-top:var(--spacing-xs);text-align:right;font-weight:500}.checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}.checkbox{margin-top:.125rem;width:1.125rem;height:1.125rem;cursor:pointer;flex-shrink:0;accent-color:var(--color-primary)}.error-message{color:var(--color-error);font-size:.8125rem;margin-top:var(--spacing-xs);font-weight:500}.error-banner{background:#ff3b301a;backdrop-filter:blur(10px);border:1px solid rgba(255,59,48,.2);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius);margin-top:var(--spacing-lg);font-weight:500}.button{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-spring) cubic-bezier(.34,1.56,.64,1);font-family:inherit;display:inline-block;text-align:center;letter-spacing:.01em;position:relative;overflow:hidden}.button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.button-primary{background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff;padding:var(--spacing-md) var(--spacing-2xl);min-width:140px;box-shadow:0 4px 14px #007aff66;will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden}.button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#0051d5,#007aff);transform:translate3d(0,-3px,0) scale(1.03);box-shadow:0 8px 24px #007aff80;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1)}.button-primary:hover:not(:disabled):before{left:100%}.button-primary:active:not(:disabled){transform:translate3d(0,-1px,0) scale(1.01);box-shadow:0 4px 12px #007aff66;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1)}.button-secondary{background:var(--color-bg-glass);backdrop-filter:blur(10px);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.button-secondary:hover:not(:disabled){border-color:var(--color-text-tertiary);background:#ffffffe6;transform:translate3d(0,-1px,0);box-shadow:var(--shadow-md)}.button-continue{width:auto;margin-top:0}.quiz-navigation{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);justify-content:space-between;align-items:center;min-height:48px;position:relative}.quiz-navigation-spacer{flex:1}.button-back{color:var(--color-text-tertiary);background:transparent;border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:1;visibility:visible;min-width:60px;text-align:left}.button-back[style*="visibility: hidden"]{opacity:0;pointer-events:none}.button-back:hover:not(:disabled){color:var(--color-text);background:transparent;transform:translate3d(-2px,0,0);box-shadow:none}.button-back:active:not(:disabled){transform:translate(0);transition:transform .1s ease}.step-explainer{font-size:.875rem;color:var(--color-text-tertiary);line-height:1.6;margin-top:var(--spacing-md);margin-bottom:0;padding:var(--spacing-md);background:#007aff0d;backdrop-filter:blur(10px);border-radius:var(--radius);border-left:3px solid var(--color-primary)}.input-step-actions{display:none}.step-selection .step-explainer{margin-top:var(--spacing-md);margin-bottom:0}.step-selection:after{content:"";flex:0 0 auto;min-height:0}.resume-modal{border:none;border-radius:var(--radius-xl);padding:0;max-width:500px;width:90%;background:var(--color-bg-glass);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xl);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.resume-modal::backdrop{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.resume-modal-content{padding:var(--spacing-2xl)}.resume-modal-content h2{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.resume-modal-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.resume-modal-actions{display:flex;gap:var(--spacing-md)}.resume-modal-actions .button{flex:1}@media(max-width:640px){.quiz-container{padding:var(--spacing-xl) var(--spacing-lg);max-width:100%;border-radius:var(--radius-lg)}.step h2{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.input-row{grid-template-columns:1fr}.resume-modal-actions{flex-direction:column}.button-primary{width:100%}.quiz-navigation{margin-top:var(--spacing-md);padding-top:var(--spacing-sm)}.step-explainer{margin-top:var(--spacing-sm);padding:var(--spacing-sm);font-size:.8125rem}.selection-options{gap:var(--spacing-sm)}.input-group{margin-bottom:var(--spacing-md)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.button:focus-visible,.selection-option:focus-visible,.input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--spacing-xs)}@media(prefers-contrast:high){.quiz-container,.selection-option{background:var(--color-bg);border:2px solid var(--color-border)}}body{visibility:hidden}body.loaded{visibility:visible}