@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg-elevated: #111111;--surface: #141414;--surface-hover: #1a1a1a;--border: rgba(0, 255, 136, .18);--border-subtle: rgba(0, 255, 136, .08);--accent: #00FF88;--accent-2: #00CC6A;--accent-glow: rgba(0, 255, 136, .25);--accent-soft: rgba(0, 255, 136, .08);--success: #00FF88;--warning: #FFB347;--danger: #FF4D6D;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-muted: #666666;--score-high: #00FF88;--score-mid: #FFB347;--score-low: #666666;--font-sans: "Plus Jakarta Sans", "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Plus Jakarta Sans", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--shadow-sm: 0 6px 20px rgba(0,0,0,.4);--shadow-md: 0 16px 45px rgba(0,0,0,.5);--shadow-lg: 0 24px 80px rgba(0,0,0,.6);--sidebar-w: 360px}html{scroll-behavior:smooth}html,body,#root{height:100%;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#00ff8880}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}input,select{font-family:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}@keyframes scanLine{0%{top:-4px;opacity:0}5%{opacity:1}95%{opacity:1}to{top:100%;opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes neonPulse{0%,to{box-shadow:0 0 8px #00ff884d,0 0 20px #00ff8826}50%{box-shadow:0 0 20px #0f89,0 0 50px #00ff8840,0 0 80px #00ff881a}}@keyframes neonTextPulse{0%,to{text-shadow:0 0 6px rgba(0,255,136,.5)}50%{text-shadow:0 0 18px rgba(0,255,136,.9),0 0 36px rgba(0,255,136,.4)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #0f86}50%{box-shadow:0 0 24px #0f8c,0 0 48px #00ff884d}}@keyframes gateOpenLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0;pointer-events:none}}@keyframes gateOpenRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0;pointer-events:none}}@keyframes cardSwirl{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}25%{transform:translateY(-8px) rotate(var(--rot)) scale(1.02)}50%{transform:translateY(6px) rotate(calc(var(--rot) * -.7)) scale(.98)}75%{transform:translateY(-4px) rotate(calc(var(--rot) * .5)) scale(1.01)}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardFlyOff{0%{transform:scale(1) translate(0);opacity:1}to{transform:scale(.1) translate(var(--fly-x),var(--fly-y));opacity:0}}@keyframes cardLand{0%{transform:scale(.6) translateY(30px);opacity:0}60%{transform:scale(1.05) translateY(-8px);opacity:1}80%{transform:scale(.97) translateY(3px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes roadmapReveal{0%{transform:scale(.85) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes timelineFill{0%{width:0%}to{width:var(--target-w)}}@keyframes borderDashMove{0%{background-position:0 0}to{background-position:0 40px}}.fade-up{animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both}.fade-in{animation:fadeIn .25s ease both}.spinning{animation:spin .8s linear infinite}.neon-glow{animation:neonPulse 2.5s ease-in-out infinite}.neon-text{animation:neonTextPulse 2.5s ease-in-out infinite}.float-up{animation:floatUp .5s cubic-bezier(.22,1,.36,1) both}.hero-grid-bg{background-image:radial-gradient(circle at top left,rgba(0,255,136,.07) 0,transparent 34%),radial-gradient(circle at bottom right,rgba(0,255,136,.04) 0,transparent 26%),linear-gradient(rgba(0,255,136,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.04) 1px,transparent 1px);background-size:40px 40px}.results-layout{max-width:1600px;margin:0 auto;width:100%}.neon-scroll::-webkit-scrollbar{width:4px}.neon-scroll::-webkit-scrollbar-track{background:transparent}.neon-scroll::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:99px}.dashed-connector{border-left:2px dashed rgba(0,255,136,.4);background-image:linear-gradient(rgba(0,255,136,.4) 50%,transparent 50%);background-size:1px 8px;background-repeat:repeat-y;animation:borderDashMove .8s linear infinite}@media (max-width: 768px){:root{--sidebar-w: 100%}.results-layout{flex-direction:column!important}.sidebar-panel{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border)!important;max-height:320px}.gate-container{flex-direction:column!important}.gate-panel{min-height:240px!important}}@media (max-width: 480px){:root{--sidebar-w: 100%;--radius-lg: 16px;--radius-xl: 20px}html{font-size:13px}}@media (max-width: 768px){.results-layout{flex-direction:column!important;overflow:visible!important}.sidebar-panel{width:100%!important;min-width:unset!important;border-right:none!important;border-bottom:1px solid rgba(0,255,136,.15)!important;max-height:none!important;overflow:visible!important}.job-grid-mobile{grid-template-columns:1fr!important}}@media (max-width: 768px){.gate-container{flex-direction:column!important;gap:16px!important;max-height:none!important;min-height:unset!important;overflow-y:auto}.gate-panel{min-height:200px!important;padding:24px 20px!important}}@media (max-width: 768px){.roadmap-scroll-area{padding:16px!important;gap:20px!important}.roadmap-path-tabs,.roadmap-skill-grid,.roadmap-actions{flex-direction:column!important}.roadmap-actions button,.roadmap-actions a{width:100%;justify-content:center}}@media (max-width: 600px){.hero-features{display:none!important}.upload-main{padding:24px 16px!important;gap:20px!important}}@media (hover: none){button,a,[role=button]{min-height:44px}.chip-btn{min-height:36px;padding:8px 14px!important}}body{overflow-x:hidden}.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}@media (max-width: 520px){.job-grid{grid-template-columns:1fr}}@media (max-width: 360px){.profile-stats{flex-wrap:wrap}}