*{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0f172a;--slate: #1e293b;--slate-light: #334155;--gold: #f59e0b;--gold-hover: #d97706;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-700: #374151;--white: #ffffff;--color-primary: var(--gold);--color-primary-hover: var(--gold-hover);--color-error: #FF3B30;--color-success: #34C759;--color-text: var(--gray-700);--color-text-secondary: var(--gray-600);--color-text-tertiary: var(--gray-600);--color-bg: var(--white);--color-bg-glass: var(--white);--color-bg-light: var(--gray-100);--color-border: var(--gray-300);--color-border-light: var(--gray-200);--color-border-focus: var(--gold);--color-heading: var(--navy);--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)}html.dark-mode{--color-text: #e5e7eb;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-bg: var(--navy);--color-bg-glass: var(--slate);--color-bg-light: var(--slate-light);--color-border: var(--slate-light);--color-border-light: var(--slate);--color-heading: #ffffff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}main{min-height:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 var(--spacing-md) var(--spacing-xl);flex:1}.above-fold-content{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.quiz-container{width:100%;max-width:760px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026,0 8px 16px #0000001a,0 0 0 1px #0000000d;padding:3rem 2rem;position:relative;overflow:hidden;margin:0 auto;transition:all .3s ease}html.dark-mode .quiz-container{background:#1e293bb3;border-color:#ffffff1a;box-shadow:0 25px 50px -12px #00000080}.quiz-container:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-hover) 100%);pointer-events:none}.quiz-branding-header{width:100%;max-width:100%;margin:0 auto;padding:.5rem 1rem;background:var(--navy);color:var(--white);box-shadow:0 1px 2px #0000001a;margin-bottom:var(--spacing-md);flex-shrink:0;min-height:60px;display:flex;align-items:center}.brand-header-top{width:100%;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.brand-logo-section{display:flex;align-items:center;gap:.75rem}.brand-logo{width:32px;height:32px;flex-shrink:0;object-fit:contain}.brand-text-group{display:flex;flex-direction:column;justify-content:center;gap:0}.brand-name{font-size:1.125rem;font-weight:700;color:var(--white);margin:0;letter-spacing:-.01em;line-height:1.2}.brand-tagline{font-size:.75rem;color:var(--gold);margin:0;font-weight:400;line-height:1.2}.quiz-headlines{text-align:center;padding:0 var(--spacing-md);margin-bottom:var(--spacing-md);flex-shrink:0}.brand-headline{max-width:1280px;margin:0 auto var(--spacing-xs);font-size:2rem;font-weight:700;color:var(--color-heading);letter-spacing:-.03em;line-height:1.1;text-align:center;display:block}.brand-subhead{max-width:800px;margin:0 auto;font-size:1.125rem;color:var(--color-text-secondary);line-height:1.5;font-weight:400;text-align:center;display:block}.dark-mode-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:1rem;position:relative;color:var(--white);overflow:hidden}.dark-mode-toggle:hover{background:#fff3;border-color:var(--gold)}.dark-mode-icon,.light-mode-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease,opacity .3s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.1rem;line-height:1}html:not(.dark-mode) .dark-mode-icon{opacity:1;transform:translate(-50%,-50%) rotate(0)}html:not(.dark-mode) .light-mode-icon{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}html.dark-mode .dark-mode-icon{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}html.dark-mode .light-mode-icon{opacity:1;transform:translate(-50%,-50%) rotate(0)}.quiz-benefits-section{width:100%;max-width:760px;margin:var(--spacing-md) auto 0;padding:var(--spacing-md) var(--spacing-md);text-align:center}.benefits-heading{font-size:1.25rem;font-weight:600;color:var(--color-heading);margin-bottom:var(--spacing-md);line-height:1.4;transition:color .3s ease}.benefits-list{list-style:none;padding:0;text-align:center;max-width:500px;margin:0 auto;display:inline-block}.benefits-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary);font-size:1rem;line-height:1.6;transition:color .3s ease;text-align:left}.benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700;font-size:1.125rem}html.dark-mode .benefits-heading{color:var(--white)}html.dark-mode .benefits-list li{color:var(--color-text-secondary)}.quiz-disclaimers-below-fold{max-width:1000px;margin:0 auto;padding:4rem 2rem;background:var(--color-bg-light);border-radius:1rem;font-size:.875rem;line-height:1.8;color:var(--color-text-secondary);transition:background-color .3s ease,color .3s ease}@media(max-width:640px){.quiz-disclaimers-below-fold{margin-top:0;padding:2rem 1.5rem}}.quiz-disclaimers-below-fold .disclaimer-section{margin-bottom:var(--spacing-xl)}.quiz-disclaimers-below-fold .disclaimer-section:last-of-type{margin-bottom:var(--spacing-lg)}.quiz-disclaimers-below-fold h3{font-size:1rem;font-weight:700;color:var(--color-heading);margin-bottom:var(--spacing-md);margin-top:0;transition:color .3s ease}.quiz-disclaimers-below-fold p{margin-bottom:var(--spacing-md)}.quiz-disclaimers-below-fold p:last-child{margin-bottom:0}.quiz-disclaimers-below-fold ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.quiz-disclaimers-below-fold li{margin-bottom:var(--spacing-sm)}.quiz-disclaimers-below-fold strong{color:var(--color-heading);font-weight:600;transition:color .3s ease}.quiz-disclaimers-below-fold a{color:var(--gold);text-decoration:underline}.quiz-disclaimers-below-fold a:hover{color:var(--gold-hover)}.quiz-disclaimers-below-fold .disclaimer-links{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--gray-300);text-align:center}.quiz-disclaimers-below-fold .disclaimer-links p{margin:0}.quiz-disclaimers-below-fold .disclaimer-links a{margin:0 var(--spacing-sm);color:var(--gold);text-decoration:none}.quiz-disclaimers-below-fold .disclaimer-links a:hover{color:var(--gold-hover);text-decoration:underline}.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}.quiz-timer-wrapper{width:100%;max-width:760px;margin:0 auto var(--spacing-sm);padding:0 var(--spacing-md);flex-shrink:0}.quiz-timer{padding:1rem 1.5rem;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-hover) 100%);border-radius:var(--radius-lg);box-shadow:0 4px 6px #f59e0b4d;animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite;transform-origin:center;transition:background .5s ease;will-change:transform,box-shadow}@keyframes pulse-glow{0%{box-shadow:0 0 #f59e0bb3;transform:scale(1)}70%{box-shadow:0 0 0 10px #f59e0b00;transform:scale(1.01)}to{box-shadow:0 0 #f59e0b00;transform:scale(1)}}.timer-content{text-align:center}.timer-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.timer-icon{font-size:1.5rem}.timer-time{font-size:1.75rem;font-weight:700;color:var(--white);font-variant-numeric:tabular-nums;letter-spacing:.05em;line-height:1}.timer-message{font-size:.9375rem;color:var(--white);margin:0;line-height:1.5;font-weight:500}html.dark-mode .quiz-timer{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-hover) 100%)}.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,var(--gold) 0%,var(--gold-hover) 100%);border-radius:10px;transition:width .6s 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 113ms cubic-bezier(.4,0,.2,1),transform 113ms 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 132ms cubic-bezier(.4,0,.2,1),transform 132ms cubic-bezier(.4,0,.2,1)}.step-wrapper:not(.step-exiting)>*{animation:slideInFade 132ms 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-heading);line-height:1.2;letter-spacing:-.03em;transition:color .3s ease}.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:1.25rem 1.5rem;background:var(--white);border:2px solid var(--color-border-light);border-radius:.75rem;font-size:1.125rem;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--gray-700);font-family:inherit;font-weight:500;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;will-change:transform,box-shadow,border-color;transform:translateZ(0);backface-visibility:hidden;display:flex;align-items:center;justify-content:space-between}.selection-option:after{content:"";width:1.5rem;height:1.5rem;border:2px solid var(--gray-300);border-radius:50%;transition:all .2s ease;flex-shrink:0;margin-left:1rem}html.dark-mode .selection-option{background:var(--slate);border-color:var(--slate-light);color:var(--gray-200);box-shadow:0 4px 6px -1px #0003}html.dark-mode .selection-option:after{border-color:var(--gray-600)}.selection-option:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:var(--white);z-index:1}html.dark-mode .selection-option:hover{background:var(--slate);border-color:var(--gold);box-shadow:0 10px 15px -3px #0006}.selection-option:active{transform:translateY(0)}.selection-option.selected{border-color:var(--gold);background:#f59e0b0d;color:var(--navy);font-weight:600;box-shadow:0 4px 6px -1px #f59e0b1a}.selection-option.selected:after{background-color:var(--gold);border-color:var(--gold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:70%;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 2px #f59e0b33}html.dark-mode .selection-option.selected{background:#f59e0b26;color:var(--white)}.selection-option.selected:hover{background:#f59e0b1a;transform:translateY(-2px)}html.dark-mode .selection-option.selected:hover{background:#f59e0b33}.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:1.25rem 1.5rem;font-size:1.125rem;border:2px solid var(--color-border-light);border-radius:.75rem;font-family:inherit;transition:all var(--transition) ease;background:var(--gray-50);color:var(--color-text);line-height:1.5;box-shadow:inset 0 2px 4px #00000008}html.dark-mode .input{background:var(--slate);border-color:var(--slate-light);box-shadow:inset 0 2px 4px #0003}.input:focus{outline:none;border-color:var(--gold);background:var(--color-bg);box-shadow:0 0 0 4px #f59e0b26,inset 0 1px 2px #0000000d;transform:translateY(-1px)}html.dark-mode .input:focus{background:var(--slate);border-color:var(--gold)}.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:1rem 2rem;font-size:1.125rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.01em;position:relative;overflow:hidden}.button-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-hover) 100%);color:var(--white);min-width:160px;box-shadow:0 4px 6px -1px #f59e0b4d,0 2px 4px -1px #f59e0b26;text-shadow:0 1px 2px rgba(0,0,0,.1);transform:translateZ(0)}.button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #f59e0b66,0 4px 6px -2px #f59e0b33;background:linear-gradient(135deg,#fbbf24,#d97706)}.button-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px -1px #f59e0b4d}.button-primary:disabled{background:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}html.dark-mode .button-primary:disabled{background:var(--slate-light);color:var(--gray-400)}.button-primary:before{display:none}.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);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),border-color .2s cubic-bezier(.4,0,.2,1)}.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(--white);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;color:var(--color-text)}html.dark-mode .resume-modal{background:var(--slate);border-color:var(--slate-light);color:var(--white)}.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;color:var(--color-heading)}html.dark-mode .resume-modal-content h2{color:var(--white)}.resume-modal-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}html.dark-mode .resume-modal-content p{color:var(--gray-300)}.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)}}