@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f4f6f9;--color-surface:#fff;--color-primary:#1a365d;--color-primary-hover:#203d6a;--color-primary-light:#e8f0fe;--color-text:#1a365d;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-success:#22c55e;--color-warning:#eab308;--color-high:#f97316;--color-critical:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition:.2s ease;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);min-height:100dvh;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}.page{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:2rem;animation:.35s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cover-page{color:#1a365d;text-align:center;isolation:isolate;background:#f4f6f9;min-height:100dvh;position:relative;overflow:hidden}.cover-bg-pattern{z-index:0;pointer-events:none;background-image:radial-gradient(#1a365d0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.cover-glow{filter:blur(150px);pointer-events:none;z-index:1;border-radius:50%;position:absolute}.cover-glow--1{background:radial-gradient(circle,#eab30833 0%,#facc151f 30%,#0000 70%);width:800px;height:800px;animation:10s ease-in-out infinite glowFloat1;top:-300px;right:-250px}.cover-glow--2{background:radial-gradient(circle,#eab30826 0%,#facc1514 30%,#0000 70%);width:650px;height:650px;animation:12s ease-in-out infinite glowFloat2;bottom:-250px;left:-200px}@keyframes glowFloat1{0%,to{opacity:.7;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-50px,40px)scale(1.15)}}@keyframes glowFloat2{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:.9;transform:translate(40px,-35px)scale(1.2)}}.cover-ring{z-index:1;pointer-events:none;border:1px solid #1a365d0f;border-radius:50%;width:800px;height:800px;margin-top:-400px;margin-left:-400px;animation:35s linear infinite ringRotate;position:absolute;top:50%;left:50%}.cover-ring--inner{border-color:#1a365d0a;width:600px;height:600px;margin-top:-300px;margin-left:-300px;animation:25s linear infinite reverse ringRotate}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cover-content{z-index:2;flex-direction:column;align-items:center;gap:1.75rem;max-width:720px;animation:.9s both contentReveal;display:flex;position:relative}@keyframes contentReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cover-badge{-webkit-backdrop-filter:blur(20px);letter-spacing:.08em;text-transform:uppercase;color:#334155;background:#1a365d0f;border:1px solid #1a365d1a;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1.35rem;font-size:.78rem;font-weight:600;animation:.7s .15s both badgeReveal;display:inline-flex;box-shadow:0 0 40px #eab3080a}.cover-badge-star{flex-shrink:0;animation:2s ease-in-out infinite starPulse}@keyframes starPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes badgeReveal{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.cover-title{letter-spacing:.02em;text-transform:uppercase;background:0 0;background-size:unset;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:#1a365d;max-width:680px;font-family:Bebas Neue,Inter,sans-serif;font-size:clamp(3.25rem,7vw,4.5rem);font-weight:400;line-height:1;animation:.7s .25s both titleReveal}@keyframes titleShimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes titleReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cover-subtitle{color:#475569;max-width:500px;margin-top:-.75rem;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:400;animation:.7s .35s both titleReveal}.cover-divider{opacity:.6;background:linear-gradient(90deg,#eab308,#facc15,#eab308);border-radius:999px;width:48px;height:3px;animation:.7s .42s both titleReveal}.cover-description{color:#64748b;max-width:480px;margin-bottom:-.5rem;font-size:.95rem;animation:.7s .5s both titleReveal}.cover-bullets{text-align:left;max-width:360px;margin:0 auto;padding:0;list-style:none}.cover-bullets li{color:#64748b;padding:.3rem 0 .3rem 1.5rem;font-size:.85rem;line-height:1.5;position:relative}.cover-bullets li:before{content:"";background:#1a365d;border-radius:50%;width:5px;height:5px;position:absolute;top:.8rem;left:2px}.cover-page .btn-large{color:#fff;letter-spacing:.02em;background:#1a365d;border-radius:999px;margin-top:.5rem;padding:1.1rem 2.75rem;font-size:1.05rem;font-weight:700;transition:all .4s cubic-bezier(.25,.8,.25,1.2);animation:.7s .6s both titleReveal;position:relative;overflow:hidden;box-shadow:0 0 40px #eab30833,0 4px 12px #1a365d26}.cover-page .btn-large:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);border-radius:999px;position:absolute;inset:0}.cover-page .btn-large:hover:not(:disabled){background:#203d6a;transform:translateY(-3px);box-shadow:0 0 60px #eab30859,0 8px 24px #1a365d40}.cover-page .btn-large:active:not(:disabled){transform:translateY(-1px)scale(.98)}.btn-arrow{transition:transform .3s}.cover-page .btn-large:hover .btn-arrow{transform:translate(4px)}.loading-page{color:#1a365d;text-align:center;isolation:isolate;background:#f4f6f9;min-height:100dvh;position:relative;overflow:hidden}.loading-page:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#facc151f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;right:-150px}.loading-content{z-index:2;flex-direction:column;align-items:center;gap:1.75rem;max-width:520px;animation:.6s both contentReveal;display:flex;position:relative}.loading-spinner{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.loading-ring{border:3px solid #0000;border-top-color:#1a365d;border-radius:50%;width:100%;height:100%;animation:.8s linear infinite spin;position:absolute}.loading-ring--inner{border-top-color:#eab308;width:70%;height:70%;animation:.6s linear infinite reverse spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{letter-spacing:.02em;text-transform:uppercase;font-family:Bebas Neue,Inter,sans-serif;font-size:2rem;font-weight:400}.loading-text{color:#64748b;max-width:360px;font-size:.95rem;line-height:1.6}.btn{font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #1a365d33}.btn-large{border-radius:var(--radius-md);padding:1rem 2.5rem;font-size:1.1rem}.btn-ghost{color:#475569;background:0 0;border:1px solid #cbd5e1}.btn-ghost:hover{color:var(--color-primary);background:#e8f0fe}.progress-bar-container{width:100%;max-width:640px;margin-bottom:2rem}.progress-bar{background:var(--color-border);border-radius:99px;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#facc15,#eab308);border-radius:99px;height:100%;transition:width .4s}.progress-text{color:#64748b;font-size:.8rem;font-weight:500}.question-page{background:var(--color-bg);justify-content:flex-start;padding-top:4rem}.question-content{width:100%;max-width:640px}.question-number{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.question-text{color:var(--color-text);margin-bottom:2rem;font-size:1.45rem;font-weight:700;line-height:1.35}.options-list{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.option-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:100%;font-family:var(--font);text-align:left;color:var(--color-text);transition:all var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1.1rem 1.25rem;font-size:.95rem;display:flex}.option-card:hover{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.option-card.selected{border-color:var(--color-primary);background:#fefce8}.option-indicator{background:var(--color-bg);width:2rem;height:2rem;color:var(--color-text-secondary);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.option-card.selected .option-indicator{background:var(--color-primary);color:#fff}.option-text{flex:1}.question-actions{justify-content:space-between;align-items:center;display:flex}.results-page{background:var(--color-bg);justify-content:flex-start;padding-top:3rem}.results-content{width:100%;max-width:640px}.results-header{text-align:center;margin-bottom:2rem}.results-title{letter-spacing:.02em;text-transform:uppercase;margin-bottom:.5rem;font-family:Bebas Neue,Inter,sans-serif;font-size:2.25rem;font-weight:400}.results-subtitle{color:#64748b;font-size:1rem}.score-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex}.score-ring{border:6px solid var(--color-primary);background:linear-gradient(135deg,#fefce8 0%,#fff 100%);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.score-number{color:var(--color-text);font-size:2.25rem;font-weight:800;line-height:1}.score-max{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.score-details{flex:1}.risk-level{letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:700}.jobs-estimate{color:var(--color-text);margin:.25rem 0 .5rem;font-size:1.5rem;font-weight:800}.risk-summary{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.breakdown-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.75rem 2rem}.breakdown-section h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.05rem;font-weight:700}.recommendations-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.recommendations-list li{color:var(--color-text-secondary);padding-left:1.5rem;font-size:.9rem;line-height:1.5;position:relative}.recommendations-list li:before{content:"→";color:#eab308;font-weight:700;position:absolute;left:0}.email-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;margin-bottom:1.5rem;padding:1.75rem 2rem}.email-text{color:var(--color-text);margin-bottom:1rem;font-size:.95rem;font-weight:500}.email-input-group{gap:.5rem;max-width:440px;margin:0 auto;display:flex}.email-input{font-family:var(--font);border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition);outline:none;flex:1;padding:.75rem 1rem;font-size:.95rem}.email-input:focus{border-color:var(--color-primary)}.email-footnote{color:var(--color-text-muted);margin-top:.75rem;font-size:.75rem}.retake-btn{margin:0 auto;display:block}.cta-section{border-radius:var(--radius-lg);text-align:center;color:#fff;background:linear-gradient(135deg,#0a1a30 0%,#1a365d 50%,#0f2440 100%);margin-bottom:1.5rem;padding:2rem}.cta-text{color:#cbd5e1;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.cta-section .btn-primary{color:#1a365d;background:#facc15;font-weight:700}.cta-section .btn-primary:hover{color:#1a365d;background:#fef08a;box-shadow:0 0 30px #facc154d}@media (width<=600px){.page{padding:1.5rem}.cover-glow--1{width:450px;height:450px;top:-150px;right:-150px}.cover-glow--2{width:350px;height:350px;bottom:-120px;left:-100px}.cover-ring{width:400px;height:400px;margin-top:-200px;margin-left:-200px}.cover-ring--inner{width:300px;height:300px;margin-top:-150px;margin-left:-150px}.cover-content{gap:1.25rem}.cover-page .btn-large{padding:.95rem 2rem;font-size:.95rem}.score-section{text-align:center;flex-direction:column;gap:1rem}.email-input-group{flex-direction:column}.question-actions{flex-wrap:wrap;gap:.75rem}.question-page,.results-page{padding-top:2rem}}