@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600&display=swap";:root{--bg: #070b14;--bg-card: #0f1628;--bg-card2: #111827;--bg-alt: #0b1020;--bg-light: #f4f6ff;--violet: #6d28d9;--violet-mid: #7c3aed;--violet-light: #a78bfa;--gold: #f59e0b;--gold-light: #fcd34d;--teal: #14b8a6;--coral: #ff5757;--text-primary: #f1f5f9;--text-secondary:#94a3b8;--text-muted: #64748b;--white: #ffffff;--grad-primary: linear-gradient(135deg, #4338ca 0%, #7c3aed 50%, #9d4edd 100%);--grad-gold: linear-gradient(135deg, #f59e0b, #fcd34d);--border-glass: 1px solid rgba(255,255,255,.07);--shadow-card: 0 8px 40px rgba(0,0,0,.5);--radius: 16px;--transition: .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.splash:before{content:"";position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(109,40,217,.15) 0%,transparent 65%);top:-200px;right:-150px;pointer-events:none}.splash:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(20,184,166,.08) 0%,transparent 65%);bottom:-100px;left:-100px;pointer-events:none}.splashContent{max-width:600px;width:100%;text-align:center;position:relative;z-index:1;animation:fadeUp .6s ease both}.splashLogo{width:100px;margin:0 auto 12px;border-radius:16px}.splashBrand{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:900;letter-spacing:3px;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.splashTagline{font-size:14px;color:var(--text-muted);margin-bottom:40px}.splashHeading{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;color:var(--white);margin-bottom:28px}.langButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.langBtn{display:flex;align-items:center;gap:10px;padding:16px 32px;border:var(--border-glass);border-radius:50px;background:#ffffff0d;color:var(--white);font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:700;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.langBtn:hover{background:#7c3aed40;border-color:#7c3aed80;transform:translateY(-3px);box-shadow:0 8px 28px #7c3aed4d}.langFlag{font-size:24px}.badge{display:inline-flex;align-items:center;gap:8px;background:#7c3aed26;border:1px solid rgba(124,58,237,.35);color:var(--violet-light);padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:24px;letter-spacing:.5px}.landingTitle{font-family:Plus Jakarta Sans,sans-serif;font-size:42px;font-weight:900;color:var(--white);line-height:1.15;margin-bottom:18px}.highlight{background:linear-gradient(90deg,#f59e0b,#fcd34d,#a78bfa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.landingSubtitle{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:36px}.landingStats{display:flex;justify-content:center;gap:32px;margin-bottom:36px;flex-wrap:wrap}.lStat span{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1;margin-bottom:4px}.lStat p{font-size:13px;color:var(--text-muted)}.landingNote{margin-top:16px;font-size:13px;color:var(--text-muted)}.btnPrimary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#1a0800;padding:15px 32px;border-radius:50px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:15px;border:none;cursor:pointer;text-decoration:none;transition:transform var(--transition),box-shadow var(--transition);box-shadow:0 6px 24px #f59e0b66;white-space:nowrap}.btnPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 36px #f59e0b8c}.btnSecondary{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;color:var(--text-primary);padding:15px 28px;border-radius:50px;text-decoration:none;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:15px;border:var(--border-glass);cursor:pointer;transition:background var(--transition),transform var(--transition);white-space:nowrap}.btnSecondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btnBack{background:none;border:var(--border-glass);color:var(--text-muted);padding:10px 20px;border-radius:50px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;margin-top:20px;transition:color var(--transition),border-color var(--transition)}.btnBack:hover{color:var(--text-primary);border-color:#fff3}.btnLink{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;margin-top:12px;text-decoration:underline;font-family:DM Sans,sans-serif;transition:color var(--transition)}.btnLink:hover{color:var(--text-secondary)}.formPage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg)}.formCard{max-width:580px;width:100%;background:var(--bg-card);border:var(--border-glass);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow-card);animation:fadeUp .4s ease both}.formHeader{margin-bottom:28px;text-align:center}.formHeader h2{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800;color:var(--white);margin-bottom:8px}.formHeader p{font-size:14px;color:var(--text-muted)}.leadForm{display:flex;flex-direction:column;gap:14px}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.leadForm input,.leadForm select{width:100%;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.leadForm input::placeholder{color:var(--text-muted)}.leadForm input:focus,.leadForm select:focus{border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed1a}.leadForm select option{background:#1a1f2e;color:var(--text-primary)}.leadForm .btnPrimary{width:100%;justify-content:center;margin-top:8px}.questionPage{min-height:100vh;padding:0 0 40px;background:var(--bg);display:flex;flex-direction:column;align-items:center}.qHeader{width:100%;max-width:720px;padding:20px 24px 0;display:flex;flex-direction:column;gap:10px}.qProgress{display:flex;align-items:center;gap:14px}.qProgressBar{flex:1;height:6px;background:#ffffff12;border-radius:10px;overflow:hidden}.qProgressFill{height:100%;background:var(--grad-primary);border-radius:10px;transition:width .4s ease}.qCount{font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap}.qSection{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--violet-light);padding-left:2px}.qCard{max-width:720px;width:100%;padding:24px;animation:fadeUp .35s ease both;display:flex;flex-direction:column;align-items:flex-start}.qVisual{font-size:52px;margin-bottom:16px;line-height:1;filter:drop-shadow(0 4px 16px rgba(124,58,237,.3))}.qText{font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:700;color:var(--white);line-height:1.4;margin-bottom:28px}.qOptions{width:100%;display:flex;flex-direction:column;gap:12px}.qOption{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-card);border:var(--border-glass);border-radius:12px;cursor:pointer;text-align:left;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5;transition:background var(--transition),border-color var(--transition),transform var(--transition),color var(--transition)}.qOption:hover{background:#7c3aed1f;border-color:#7c3aed59;color:var(--white);transform:translate(4px)}.qOption.selected{background:#7c3aed33;border-color:#7c3aed99;color:var(--white);box-shadow:0 0 0 1px #7c3aed4d}.qOptIcon{font-size:22px;flex-shrink:0;width:32px;text-align:center}.qOptText{flex:1}.processingContent{gap:0}.processingOrb{width:120px;height:120px;border-radius:50%;background:var(--grad-primary);margin:0 auto 32px;animation:orbPulse 1.5s ease-in-out infinite;box-shadow:0 0 60px #7c3aed66}.processingTitle{font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800;color:var(--white);margin-bottom:32px}.processingSteps{display:flex;flex-direction:column;gap:12px;text-align:left;max-width:380px;margin:0 auto}.processingStep{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-muted);transition:color var(--transition)}.processingStep.done{color:var(--teal)}.processingStep.active{color:var(--white);font-weight:600}.pStepDot{font-size:16px;width:20px;text-align:center}.resultsPage{max-width:800px;margin:0 auto;padding:24px 20px 60px;animation:fadeUp .5s ease both}.resultHero{border:1px solid;border-radius:24px;padding:48px 36px;text-align:center;margin-bottom:8px}.resultEmoji{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 4px 24px rgba(124,58,237,.4))}.resultBadge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--violet-light);margin-bottom:12px}.resultName{font-family:Plus Jakarta Sans,sans-serif;font-size:38px;font-weight:900;color:var(--white);margin-bottom:10px;line-height:1.2}.resultTagline{font-size:18px;color:var(--gold-light);font-style:italic;margin-bottom:20px;font-weight:500}.resultInsight{font-size:15px;color:var(--text-secondary);line-height:1.75;max-width:600px;margin:0 auto}.resultSection{padding:40px 0;border-bottom:1px solid rgba(255,255,255,.05)}.altSection{background:var(--bg-alt);margin:0 -20px;padding:40px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.resultSectionTitle{font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800;color:var(--white);margin-bottom:8px}.resultSectionSub{font-size:14px;color:var(--text-muted);margin-bottom:28px}.traitBars{display:flex;flex-direction:column;gap:12px}.traitBar{display:flex;align-items:center;gap:12px}.traitBarLabel{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);min-width:140px}.traitBarTrack{flex:1;height:8px;background:#ffffff0f;border-radius:10px;overflow:hidden}.traitBarFill{height:100%;background:#7c3aed66;border-radius:10px;transition:width 1s ease}.traitBarFill.top1{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.traitBarFill.top2{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.traitBarScore{font-size:13px;font-weight:700;color:var(--text-muted);min-width:20px;text-align:right}.traitInsightCards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.traitInsightCard{background:var(--bg-card);border:var(--border-glass);border-radius:14px;padding:24px;text-align:center}.ticIcon{font-size:36px;margin-bottom:12px}.traitInsightCard h3{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;color:var(--white);margin-bottom:8px}.careerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.careerCard{background:var(--bg-card);border:var(--border-glass);border-radius:14px;padding:22px 20px;transition:transform var(--transition),border-color var(--transition);position:relative;overflow:hidden}.careerCard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity var(--transition)}.careerCard.traditional:before{background:linear-gradient(90deg,#6d28d9,#a78bfa)}.careerCard.emerging:before{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.careerCard:hover{transform:translateY(-4px);border-color:#7c3aed4d}.careerCard:hover:before{opacity:1}.careerField{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--violet-light);margin-bottom:8px}.careerField.emerging{color:var(--gold)}.careerCard h3{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px;line-height:1.3}.careerCard p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.indiaPath{display:flex;gap:20px;align-items:flex-start;background:var(--bg-card);border:var(--border-glass);border-radius:14px;padding:24px}.indiaPathIcon{font-size:36px;flex-shrink:0;margin-top:4px}.indiaPath h3{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;color:var(--white);margin-bottom:8px}.indiaPath p{font-size:14px;color:var(--text-secondary);line-height:1.7}.resultCTA{text-align:center;padding:48px 24px;border-radius:24px;background:linear-gradient(135deg,#6d28d91f,#a347dd14);border:var(--border-glass);margin-top:8px}.resultCTA h2{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800;color:var(--white);margin-bottom:12px}.resultCTA p{font-size:15px;color:var(--text-secondary);margin-bottom:28px;line-height:1.7}.ctaBtns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@media (max-width: 600px){.landingTitle{font-size:28px}.formRow{grid-template-columns:1fr}.qText{font-size:18px}.resultName{font-size:28px}.traitInsightCards{grid-template-columns:1fr}.traitBarLabel{min-width:110px;font-size:12px}.ctaBtns{flex-direction:column;align-items:center}.resultHero{padding:32px 20px}.formCard{padding:28px 20px}.langBtn{padding:14px 24px;font-size:15px}}```css *{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}```{}
