@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#eef3ff;background:#07101f;font-synthesis:none;--bg: #07101f;--panel: #0c1729;--panel-2: #101e33;--line: rgba(170, 193, 225, .14);--muted: #8c9ab2;--text: #eef3ff;--accent: #78e6d2;--accent-2: #93a7ff;--warm: #ffcb7a}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0%,rgba(104,123,255,.13),transparent 28rem),radial-gradient(circle at 10% 25%,rgba(58,214,190,.08),transparent 24rem),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh}.topbar,main,footer{width:min(1240px,calc(100% - 40px));margin:auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#07101f;font-weight:800}.brand strong{display:block;letter-spacing:-.03em}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.status{color:#a7b6ca;font-size:12px;display:flex;gap:8px;align-items:center}.status i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.hero{min-height:510px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow{color:var(--accent);font:500 10px DM Mono,monospace;letter-spacing:.16em}.hero h1{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.06em;margin:18px 0}.hero h1 em{color:#9cafff;font-style:normal}.hero p{color:var(--muted);line-height:1.8;max-width:560px;font-size:15px}.role-picker{margin-top:30px;max-width:360px}.role-picker label{display:block;font:500 10px DM Mono,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}select{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:14px 15px;border-radius:10px;outline:none}select:focus{border-color:#78e6d280}.hero-visual{height:420px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(147,167,255,.17);border-radius:50%}.orbit-one{width:280px;height:280px}.orbit-two{width:400px;height:400px}.hero-node{position:absolute;min-width:115px;padding:12px;border:1px solid var(--line);background:#0c1729eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;font:9px DM Mono,monospace;color:var(--muted);box-shadow:0 18px 50px #00000040}.hero-node strong{display:block;font:700 11px Manrope;color:var(--text);margin-top:5px}.hero-node.main{width:180px;text-align:center;padding:20px;border-color:#78e6d259}.n1{top:18%;left:5%}.n2{top:13%;right:2%}.n3{bottom:17%;left:0}.n4{bottom:8%;right:8%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.stat-card,.detail-panel,.graph-card,.why-card{background:linear-gradient(145deg,#101e33f0,#0a1423f0);border:1px solid var(--line);border-radius:14px}.stat-card{padding:20px}.stat-value{font-size:30px;font-weight:800;letter-spacing:-.04em}.stat-label{color:#c2cede;font-size:12px;margin-top:4px}.stat-hint{color:var(--muted);font-size:10px;margin-top:8px}.error-banner{border:1px solid rgba(255,130,130,.25);background:#8228321f;padding:12px 15px;border-radius:10px;margin-bottom:18px;display:flex;gap:12px;font-size:12px}.error-banner strong{color:#ffb2b2}.error-banner span{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;padding-bottom:70px}.workspace-main{display:grid;gap:16px}.sidebar{display:grid;align-content:start;gap:16px}.graph-card,.detail-panel,.why-card{padding:22px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.section-heading h2,.detail-panel h3,.why-card h3{margin:6px 0 0;letter-spacing:-.035em}.section-heading h2{font-size:23px}.detail-panel h3{font-size:18px}.pill{color:var(--accent);background:#78e6d214;border:1px solid rgba(120,230,210,.16);padding:6px 9px;border-radius:20px;font:10px DM Mono}.graph-canvas{margin-top:20px;min-height:260px;border-radius:11px;border:1px dashed rgba(170,193,225,.15);background-image:radial-gradient(rgba(170,193,225,.12) 1px,transparent 1px);background-size:20px 20px;padding:20px;display:flex;align-items:center}.node-cloud{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;width:100%}.graph-node{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#07101fe6}.graph-node span{display:block;font:8px DM Mono;color:var(--muted)}.graph-node strong{display:block;margin-top:3px;font-size:11px}.node-role{border-color:#ffcb7a59}.node-skill{border-color:#78e6d240}.node-project{border-color:#93a7ff4d}.node-company{border-color:#fff3}.graph-note,.panel-copy{color:var(--muted);font-size:11px;line-height:1.6}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.skill-tag{border:1px solid rgba(120,230,210,.16);background:#78e6d20d;color:#d9f8f1;border-radius:8px;padding:8px 10px;text-align:left}.skill-tag small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.skill-tag.secondary{border-color:#93a7ff29;background:#93a7ff0d;color:#dfe4ff}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.project-card{padding:16px;border:1px solid var(--line);border-radius:11px;background:#07101f61}.project-icon{color:var(--accent);font-size:17px}.project-card h4{margin:10px 0 5px;font-size:13px}.project-card p{color:var(--muted);font-size:10px;line-height:1.6;min-height:34px}.mini-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.mini-tags span,.role-list span{padding:5px 7px;border-radius:5px;background:#ffffff0d;color:#b7c4d8;font:8px DM Mono}.company-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.company-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px}.company-logo{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#93a7ff1f;color:#bdc8ff;font-weight:700}.company-row strong{display:block;font-size:11px}.company-row span:not(.arrow){color:var(--muted);display:block;font-size:9px;margin-top:2px}.arrow{margin-left:auto;color:var(--muted)}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#07101f99;padding:10px 12px;border-radius:9px;margin-top:15px}.search-box span{color:var(--muted)}.search-box input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:11px}.search-results{display:grid;gap:5px;margin-top:8px}.search-results button{text-align:left;background:#ffffff08;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:9px}.search-results strong,.search-results span{display:block}.search-results strong{font-size:10px}.search-results span{color:var(--muted);font-size:8px;margin-top:3px}.skill-focus{border-top:1px solid var(--line);margin-top:15px;padding-top:16px}.focus-title span,.skill-focus>small{color:var(--accent);font:8px DM Mono;display:block;letter-spacing:.12em}.focus-title strong{display:block;font-size:20px;margin-top:4px}.skill-focus p{color:var(--muted);font-size:10px;line-height:1.6}.skill-focus>small{margin-top:14px}.role-list{display:grid;gap:5px;margin-top:7px}.role-list span{font-family:Manrope}.why-card{background:linear-gradient(135deg,#78e6d214,#93a7ff14)}.why-card h3{font-size:18px;margin-top:9px}.why-card p{color:var(--muted);font-size:11px;line-height:1.7}.path-demo{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background:#07101f80;font:8px DM Mono;color:#aebbd0}.path-demo b{color:var(--accent)}.loading-card,.empty-state{min-height:220px;display:grid;place-items:center;color:var(--muted);font-size:12px}.loader{width:22px;height:22px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-card{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px}.center-screen{display:grid;place-items:center;min-height:100vh}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);padding:20px 0 35px;display:flex;justify-content:space-between;color:#65748c;font:9px DM Mono}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:55px 0 30px}.hero-visual{height:350px}.workspace{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar,main,footer{width:min(100% - 24px,1240px)}.status{display:none}.hero h1{font-size:46px}.hero-visual{transform:scale(.85);margin:-25px 0}.two-column,.project-grid,.company-grid{grid-template-columns:1fr}.stats{gap:7px}.stat-card{padding:14px}.stat-value{font-size:23px}footer{gap:10px;flex-direction:column}}