:root{--color-dark-blue: #00327d;--color-medium-blue: #0078bb;--color-cyan: #00a4e0;--color-cyan-50: #eaf5fc;--color-white: #ffffff;--color-text: var(--color-dark-blue);--color-text-muted: #4d70a4;--color-border: #dededc;--color-focus: var(--color-cyan);--gradient-blue: linear-gradient( to bottom right, var(--color-dark-blue) 20%, var(--color-medium-blue) 70%, var(--color-cyan) 100% );--radius-sm: 8px;--radius-md: 16px;--radius-pill: 999px;--shadow-card: 0 12px 40px rgba(0, 50, 125, .12);--font-serif: "Merriweather", Georgia, "Times New Roman", serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-serif);font-weight:400;color:var(--color-text);background:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}a{color:inherit}.app{display:block}.screen{min-height:100vh;display:flex;flex-direction:column;padding:clamp(var(--space-6),6vw,var(--space-16)) clamp(var(--space-4),5vw,var(--space-12))}.screen__inner{width:100%;max-width:720px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center}.screen--start,.screen--result{background:var(--color-white);color:var(--color-text)}.screen--question{background:var(--gradient-blue);color:var(--color-white)}.title{font-family:var(--font-serif);font-weight:900;line-height:1.2;letter-spacing:-.01em;margin:0 0 var(--space-6)}.title--hero{font-size:clamp(2rem,6vw,3rem)}.title--question{font-size:clamp(1.5rem,4.5vw,2.25rem);margin-bottom:clamp(var(--space-6),4vw,var(--space-10))}.title--result{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:var(--space-5)}.title--section{font-size:1.125rem;font-weight:700;margin:var(--space-8) 0 var(--space-3);text-transform:uppercase;letter-spacing:.08em}.lead{font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.7;margin:0 0 var(--space-8);max-width:60ch}.paragraph{font-size:1rem;line-height:1.75;margin:0 0 var(--space-4)}.paragraph:last-child{margin-bottom:0}.progress{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.progress__label{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.progress__bar{position:relative;height:4px;background:#ffffff40;border-radius:var(--radius-pill);overflow:hidden}.progress__fill{position:absolute;inset:0 auto 0 0;background:var(--color-white);border-radius:var(--radius-pill);transition:width .3s ease}.answers{list-style:none;margin:0 0 var(--space-8);padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.answer{position:relative}.answer__input{position:absolute;opacity:0;pointer-events:none}.answer__label{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:#ffffff14;border:2px solid rgba(255,255,255,.35);color:var(--color-white);font-size:1rem;line-height:1.5;font-weight:400;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .05s ease}.answer__label:hover{background:#ffffff29;border-color:var(--color-white)}.answer__radio{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--color-white);background:transparent;display:grid;place-items:center;margin-top:2px;transition:background .2s ease}.answer__radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-dark-blue);transform:scale(0);transition:transform .15s ease}.answer__input:checked+.answer__label{background:var(--color-white);color:var(--color-dark-blue);border-color:var(--color-white);font-weight:700}.answer__input:checked+.answer__label .answer__radio{background:var(--color-white);border-color:var(--color-white)}.answer__input:checked+.answer__label .answer__radio:after{transform:scale(1)}.answer__input:focus-visible+.answer__label{outline:3px solid var(--color-cyan);outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;border-radius:var(--radius-pill);padding:var(--space-4) var(--space-8);font-family:var(--font-serif);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;min-height:48px}.btn:focus-visible{outline:3px solid var(--color-cyan);outline-offset:3px}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.screen--start .btn--primary,.screen--result .btn--primary{background:var(--color-dark-blue);color:var(--color-white);border-color:var(--color-dark-blue)}.screen--start .btn--primary:hover,.screen--result .btn--primary:hover{background:var(--color-medium-blue);border-color:var(--color-medium-blue)}.screen--question .btn--primary{background:var(--color-white);color:var(--color-dark-blue);border-color:var(--color-white)}.screen--question .btn--primary:hover{background:var(--color-cyan-50);border-color:var(--color-cyan-50)}.screen--question .btn--outline{background:transparent;color:var(--color-white);border-color:var(--color-white)}.screen--question .btn--outline:hover{background:#ffffff26}.screen--start .btn--outline,.screen--result .btn--outline{background:transparent;color:var(--color-dark-blue);border-color:var(--color-dark-blue)}.screen--start .btn--outline:hover,.screen--result .btn--outline:hover{background:var(--color-cyan-50)}.btn--link{background:transparent;border:none;color:var(--color-medium-blue);padding:var(--space-2) 0;text-transform:none;letter-spacing:0;font-weight:700;text-decoration:underline;min-height:auto}.btn--link:hover{color:var(--color-dark-blue)}.result__eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-medium-blue);margin:0 0 var(--space-2)}.result__image{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin:0 0 var(--space-8)}.result__body{margin-bottom:var(--space-8)}.result__tips{background:var(--color-cyan-50);border-radius:var(--radius-md);padding:var(--space-6) var(--space-6);margin-bottom:var(--space-8)}.result__tips .title--section{margin-top:0;color:var(--color-dark-blue)}.result__tips .paragraph{color:var(--color-text);margin:0}.result__cta{background:var(--gradient-blue);color:var(--color-white);border-radius:var(--radius-md);padding:clamp(var(--space-6),4vw,var(--space-10));text-align:center;margin-bottom:var(--space-6)}.result__cta-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:900;margin:0 0 var(--space-3);color:var(--color-white)}.result__cta-text{margin:0 0 var(--space-6);color:var(--color-white);opacity:.95}.result__cta-text a{color:var(--color-white);text-decoration:underline;text-underline-offset:3px;font-weight:700}.result__cta-text a:hover{color:var(--color-cyan-50)}.result__cta .btn--primary{background:var(--color-white);color:var(--color-dark-blue);border-color:var(--color-white)}.result__cta .btn--primary:hover{background:var(--color-cyan-50);border-color:var(--color-cyan-50)}.result__restart{text-align:center}@media (min-width: 640px){.actions{gap:var(--space-4)}}@media (max-width: 480px){.actions .btn{width:100%}.answer__label{padding:var(--space-3) var(--space-4);font-size:.95rem}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}