:root{--bg-0: #080910;--bg-1: #0d0f18;--bg-2: #12141f;--panel: rgba(20, 23, 34, .66);--panel-solid: #14161f;--border: rgba(150, 165, 210, .14);--border-strong: rgba(150, 165, 210, .26);--text: #eef1f8;--text-dim: #9aa2b8;--text-faint: #6b7288;--accent: #7c8cf0;--shadow-lg: 0 24px 60px -18px rgba(0, 0, 0, .7);--shadow-md: 0 10px 30px -12px rgba(0, 0, 0, .6);--radius: 18px;--radius-sm: 12px;--font-display: "Bricolage Grotesque", "Manrope", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.landing{position:relative;height:100%;overflow:hidden;background:radial-gradient(1200px 700px at 70% -10%,rgba(60,80,160,.18),transparent 60%),radial-gradient(900px 600px at 12% 110%,rgba(160,90,60,.12),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0));display:flex;flex-direction:column}.landing-aurora{position:absolute;inset:-30% -10% auto -10%;height:80%;background:radial-gradient(600px 300px at 30% 40%,rgba(56,198,217,.14),transparent 70%),radial-gradient(500px 260px at 75% 30%,rgba(242,205,81,.1),transparent 70%),radial-gradient(520px 300px at 55% 60%,rgba(169,139,240,.12),transparent 70%);filter:blur(20px);animation:drift 18s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3%,3%,0) scale(1.08)}}.landing-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(150,165,210,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(150,165,210,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 30%,black,transparent 78%);mask-image:radial-gradient(circle at 50% 30%,black,transparent 78%);pointer-events:none}.landing-nav,.landing-hero,.landing-foot{position:relative;z-index:2}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:26px clamp(20px,5vw,64px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#ffffff0a;border:1px solid var(--border)}.brand-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:1.02rem}.version-pill{font-size:.76rem;color:var(--text-dim);border:1px solid var(--border);padding:6px 13px;border-radius:999px;background:#ffffff05}.landing-hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(20px,5vw,64px);max-width:1000px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;font-weight:600;color:var(--text-dim);margin-bottom:22px}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,9vw,6.6rem);line-height:.96;letter-spacing:-.03em}.hero-accent{background:linear-gradient(100deg,#f0a13a,#f2647d 40%,#a98bf0 70%,#38c6d9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:26px;max-width:640px;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.6;color:var(--text-dim)}.hero-cta{margin-top:38px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:1.02rem;color:#0a0b12;padding:15px 26px;border-radius:14px;background:linear-gradient(180deg,#fff,#d9deec);box-shadow:0 10px 30px -8px #7c8cf080,inset 0 1px #fffc;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px #7c8cf099}.btn-primary svg{transition:transform .25s}.btn-primary:hover svg{transform:translate(4px)}.cta-note{font-size:.9rem;color:var(--text-faint)}.category-strip{list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:52px}.category-strip li{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-dim)}.landing-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px clamp(20px,5vw,64px);font-size:.78rem;color:var(--text-faint);border-top:1px solid var(--border)}.explorer{position:relative;height:100%;background:radial-gradient(1000px 600px at 50% 0%,rgba(50,66,130,.14),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));overflow:hidden}.explorer-bar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px clamp(14px,3vw,26px)}.explorer-brand{display:flex;align-items:center;gap:11px}.explorer-brand-text{font-family:var(--font-display);font-weight:600;font-size:.98rem;letter-spacing:-.01em}.explorer-brand-text em{font-style:normal;color:var(--text-dim);font-weight:500}.search{position:relative;width:min(340px,46vw)}.search-field{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:13px;background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow-md);transition:border-color .2s}.search-field:focus-within{border-color:var(--border-strong)}.search-icon{color:var(--text-faint);flex:none}.search-field input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.92rem}.search-field input::placeholder{color:var(--text-faint)}.search-clear{color:var(--text-faint);display:grid;place-items:center}.search-clear:hover{color:var(--text)}.search-results{list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:6px;border-radius:14px;background:var(--panel-solid);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.search-results button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;text-align:left;transition:background .16s}.search-results button:hover{background:#ffffff0d}.search-result-name{font-size:.9rem;font-weight:500}.search-result-cat{margin-left:auto;font-size:.74rem;color:var(--text-faint)}.graph-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.graph-canvas svg{display:block}.graph-link{transition:opacity .35s ease,stroke .35s ease,stroke-width .35s ease}.graph-link.is-lit{stroke-dasharray:5 7;animation:flow .9s linear infinite}@keyframes flow{to{stroke-dashoffset:-12}}.node-label{font-family:var(--font-body);font-size:11px;letter-spacing:.01em;pointer-events:none;paint-order:stroke;stroke:#080910d9;stroke-width:3px;transition:fill .3s ease}.node-ring{animation:pulse 2.4s ease-in-out infinite;transform-origin:center}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.6}}.graph-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-size:.78rem;color:var(--text-faint);background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);padding:8px 16px;border-radius:999px;pointer-events:none;white-space:nowrap}.legend{position:absolute;left:clamp(14px,3vw,26px);bottom:22px;z-index:15;width:210px;background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}.legend-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;font-family:var(--font-display);font-weight:600;font-size:.88rem;color:var(--text)}.legend-header svg{color:var(--text-faint);transition:transform .25s}.legend-list{list-style:none;padding:4px 8px 10px}.legend-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border-radius:9px;font-size:.82rem;color:var(--text-dim);transition:background .16s,color .16s}.legend-item:hover{background:#ffffff0a;color:var(--text)}.legend-item.is-active{background:#ffffff14;color:var(--text);font-weight:600}.controls{position:absolute;right:clamp(14px,3vw,26px);bottom:22px;z-index:15;display:flex;flex-direction:column;gap:8px}.ctrl-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--text-dim);background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow-md);transition:transform .18s,color .18s,border-color .18s}.ctrl-btn:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-2px)}.ctrl-reset{margin-top:4px}.sidebar{position:absolute;top:0;right:0;z-index:25;width:min(420px,92vw);height:100%;display:flex;flex-direction:column;background:#0e1018d1;backdrop-filter:blur(26px) saturate(1.2);-webkit-backdrop-filter:blur(26px) saturate(1.2);border-left:1px solid var(--border);box-shadow:-30px 0 60px -30px #000c}.sb-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px}.sb-cat-tag{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid}.sb-close{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--text-dim);border:1px solid var(--border);transition:color .18s,background .18s}.sb-close:hover{color:var(--text);background:#ffffff0d}.sb-scroll{flex:1;overflow-y:auto;padding:6px 22px 40px}.sb-scroll::-webkit-scrollbar{width:8px}.sb-scroll::-webkit-scrollbar-thumb{background:#96a5d233;border-radius:4px}.sb-title{font-family:var(--font-display);font-weight:700;font-size:1.85rem;line-height:1.1;letter-spacing:-.02em;margin:6px 0 18px}.sb-section{margin-top:22px}.sb-heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint);font-weight:700;margin-bottom:11px}.sb-text{font-size:.94rem;line-height:1.62;color:var(--text-dim)}.sb-why{padding-left:14px;border-left:2px solid;color:#cfd5e6}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;padding:7px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff08}.chip-static{color:var(--text-dim)}.chip-link{color:var(--text);transition:transform .16s,background .16s,border-color .16s}.chip-link:hover{transform:translateY(-2px);background:#ffffff12}.career-path{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px}.career-step{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text);background:#ffffff0a;border:1px solid var(--border);padding:6px 11px;border-radius:9px}.career-arrow{color:var(--text-faint);margin-left:2px}.pathway{list-style:none}.pathway-item{position:relative;display:flex;flex-direction:column}.pathway-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:13px;border:1px solid var(--border);background:#ffffff09;transition:transform .16s,background .16s}.pathway-card:not(:disabled):hover{transform:translate(4px);background:#ffffff12}.pathway-card:disabled{cursor:default;opacity:.85}.pathway-dot{width:10px;height:10px;border-radius:50%;flex:none}.pathway-text{display:flex;flex-direction:column;gap:2px}.pathway-cat{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.pathway-name{font-size:.92rem;font-weight:500;color:var(--text)}.pathway-connector{width:2px;height:14px;margin-left:20px;opacity:.6}.next-explore{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0d,#ffffff05);color:var(--text-dim);transition:transform .18s,border-color .18s}.next-explore:hover{transform:translateY(-2px);border-color:var(--border-strong)}.next-explore-body{display:flex;flex-direction:column;gap:3px;text-align:left}.next-explore-cat{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.next-explore-name{font-size:1rem;font-weight:600;color:var(--text)}@media (max-width: 640px){.explorer-brand-text{display:none}.search{width:100%}.graph-hint{display:none}.legend{width:168px;bottom:16px}.controls{bottom:16px}.sidebar{width:100%}.hero-title{line-height:1}}