@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#29263b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent:#8065e9;--accent-dark:#6b4ed5;--accent-light:#f0edff;--text:#29263b;--muted:#858398;--border:#ecebf3;--surface:#fff;--background:#f8f8fc;--success:#249c78;--danger:#dc646f;--shadow:0 5px 24px #29263b09;background:#f8f8fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8065e94d}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:10;background:#fff;flex-direction:column;flex-shrink:0;width:255px;padding:30px 19px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--text);letter-spacing:-1.3px;align-items:center;gap:11px;padding:2px 10px 38px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--accent-light);width:35px;height:35px;color:var(--accent);border-radius:12px;place-items:center;font-size:23px;display:grid}.brand-period{color:var(--accent)}.sidebar-section-label{color:#aaa8b8;letter-spacing:1.6px;margin-bottom:12px;padding:0 12px;font-size:10px;font-weight:800}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#858398;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:var(--accent);background:#f8f7fd}.nav-item.active{background:var(--accent-light);color:var(--accent-dark);font-weight:700}.nav-icon{text-align:center;width:20px;font-size:19px}.nav-indicator{background:var(--success);border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-spacer{flex:1}.sidebar-promo{background:linear-gradient(145deg,#f2efff,#faf8ff);border:1px solid #ece6ff;border-radius:15px;margin-bottom:20px;padding:17px}.promo-icon{color:var(--accent);font-size:21px}.sidebar-promo h3{margin:10px 0 6px;font-size:13px;line-height:1.5}.sidebar-promo p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.sidebar-profile{border-top:1px solid var(--border);align-items:center;gap:10px;padding:18px 3px 2px;display:flex}.avatar{color:#7558dc;background:#e9e2ff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.profile-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-copy strong{font-size:11px}.profile-copy span{color:var(--muted);font-size:10px}.profile-more{color:var(--muted);margin-left:auto}.main-area{width:calc(100% - 255px);min-width:0;margin-left:255px}.topbar{border-bottom:1px solid var(--border);z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:11px;font-size:12px;display:flex}.breadcrumb i{color:#ccc9d8;font-style:normal}.breadcrumb strong{color:var(--text)}.topbar-right{align-items:center;gap:19px;display:flex}.system-status{color:#77768a;align-items:center;gap:7px;font-size:11px;display:flex}.system-status i,.completed-label i{background:#39b78e;border-radius:50%;width:7px;height:7px}.avatar-small{width:31px;height:31px;font-size:12px}.page-content{width:100%;max-width:1500px;margin:0 auto;padding:38px 5% 20px}.hero-section{background:linear-gradient(115deg,#f0edff 0%,#f8f5ff 60%,#f1efff 100%);border:1px solid #eae5ff;border-radius:20px;justify-content:space-between;align-items:center;min-height:260px;padding:35px 43px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:590px;position:relative}.eyebrow{color:var(--accent);letter-spacing:1.5px;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero-copy h1{letter-spacing:-2px;color:#302b48;max-width:570px;margin:16px 0 12px;font-family:Manrope,sans-serif;font-size:clamp(29px,3.3vw,44px);line-height:1.2}.hero-copy h1 em{color:var(--accent);font-style:normal}.hero-copy>p{color:#79768d;max-width:480px;margin:0;font-size:13px;line-height:1.8}.hero-link{color:var(--accent-dark);background:0 0;border:0;margin-top:22px;padding:0;font-size:12px;font-weight:800}.hero-link span{margin-left:7px}.hero-visual{flex-shrink:0;place-items:center;width:240px;height:200px;display:grid;position:relative}.hero-orbit{border:1px solid #8065e926;border-radius:50%;position:absolute}.orbit-one{width:175px;height:175px}.orbit-two{width:130px;height:130px}.hero-star{color:#fff;background:linear-gradient(145deg,#a28cf5,#7659dc);border-radius:27px;place-items:center;width:85px;height:85px;font-size:47px;display:grid;transform:rotate(-9deg);box-shadow:0 15px 35px #7558dc47}.floating-insight,.floating-score{background:#fff;border:1px solid #ece8f8;border-radius:12px;position:absolute;box-shadow:0 8px 25px #46377814}.floating-insight{gap:9px;padding:10px 12px;display:flex;top:18px;right:-5px}.floating-insight>span{color:var(--accent)}.floating-insight div,.floating-score{flex-direction:column;gap:4px;display:flex}.floating-insight strong{font-size:10px}.floating-insight small,.floating-score small,.floating-score span{color:var(--muted);font-size:8px}.floating-score{padding:11px 14px;bottom:9px;left:-6px}.floating-score strong{color:var(--success);font-size:23px}.overview-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:24px 0 38px;display:grid}.overview-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;min-width:0;padding:17px 19px}.overview-card-top{color:#858398;justify-content:space-between;align-items:center;font-size:11px;display:flex}.overview-icon{color:var(--accent);font-size:19px}.overview-card>strong{letter-spacing:-1px;margin:13px 0 4px;font-family:Manrope,sans-serif;font-size:28px;display:block}.overview-card>small{color:#aaa8b8;font-size:10px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;scroll-margin-top:100px;display:flex}.section-heading h2{letter-spacing:-.7px;margin:8px 0 5px;font-family:Manrope,sans-serif;font-size:22px}.section-heading p{color:var(--muted);margin:0;font-size:12px}.step-label{color:#9996aa;letter-spacing:.7px;white-space:nowrap;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex}.step-label b{background:#c3bdd9;border-radius:50%;width:4px;height:4px}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px;min-width:0;padding:22px}.panel-heading{align-items:center;gap:12px;margin-bottom:21px;display:flex}.step-number{background:var(--accent-light);width:35px;height:35px;color:var(--accent-dark);border-radius:11px;place-items:center;font-size:11px;font-weight:800;display:grid}.panel-heading h3,.keyword-panel h3,.detail-panel h3{margin:0;font-size:13px;font-weight:800}.panel-heading p,.keyword-panel .panel-title-row p{color:var(--muted);margin:5px 0 0;font-size:10px}.upload-zone{text-align:center;background:#fbfaff;border:1.5px dashed #d9d2f1;border-radius:12px;place-items:center;min-height:190px;transition:all .2s;display:grid}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background:#f6f3ff}.upload-zone.has-file{background:#f5fbf8;border-color:#b9e4d5}.upload-zone input{display:none}.upload-label{cursor:pointer;flex-direction:column;align-items:center;gap:9px;width:100%;padding:22px 12px;display:flex}.upload-symbol{background:var(--accent-light);width:43px;height:43px;color:var(--accent);border-radius:13px;place-items:center;font-size:23px;display:grid}.has-file .upload-symbol{color:var(--success);background:#e2f5ed}.upload-label strong{overflow-wrap:anywhere;max-width:100%;font-size:12px}.upload-label>span:not(.upload-symbol){color:#8b889e;font-size:10px}.upload-label u{color:var(--accent);font-weight:700}.upload-label small{color:#aaa8b8;font-size:9px}.text-button{color:var(--danger);background:0 0;border:0;font-size:10px;font-weight:700}.remove-button{margin-top:11px;padding:0}.remove-button span{margin-left:3px;font-size:16px}.privacy-hint{color:#9996aa;align-items:flex-start;gap:8px;margin-top:16px;font-size:9px;line-height:1.6;display:flex}.privacy-hint span{color:var(--accent);font-size:13px}.job-input{resize:vertical;width:100%;height:190px;color:var(--text);background:#fcfcfe;border:1px solid #eeedf3;border-radius:11px;padding:15px;font-size:11px;line-height:1.8;transition:border-color .2s,box-shadow .2s;display:block}.job-input::placeholder{color:#aaa8b8}.job-input:focus{border-color:#b7a7f3;outline:none;box-shadow:0 0 0 3px #8065e914}.input-footer{color:#aaa8b8;justify-content:space-between;gap:8px;margin-top:9px;font-size:9px;display:flex}.action-bar{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:19px;padding:18px 21px;display:flex}.action-bar strong{font-size:12px}.action-bar p{color:var(--muted);margin:5px 0 0;font-size:10px}.primary-button,.secondary-button{border-radius:9px;min-height:42px;padding:0 20px;font-size:11px;font-weight:800;transition:all .2s}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 5px 13px #8065e92b}.primary-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.primary-button span{margin-left:10px}.secondary-button{color:var(--text);border:1px solid var(--border);background:#fff}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.spinner,.loading-spinner{vertical-align:middle;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:7px;animation:.7s linear infinite spin;display:inline-block}.loading-panel{background:#f4f1ff;border:1px solid #e7e0ff;border-radius:13px;align-items:center;gap:15px;margin-top:18px;padding:19px;display:flex}.loading-spinner{border:3px solid #ded5ff;border-top-color:var(--accent);width:25px;height:25px;margin:0}.loading-panel strong{font-size:12px}.loading-panel p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#a34c55;background:#fff5f5;border:1px solid #f3d8da;border-radius:11px;align-items:flex-start;gap:12px;margin-top:17px;padding:15px;display:flex}.error-message>span{background:#fbe3e5;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.error-message strong{font-size:11px}.error-message p{margin:5px 0 0;font-size:10px;line-height:1.5}.error-message button{color:#a34c55;background:0 0;border:0;margin-left:auto;font-size:19px}.results-section{margin-top:50px;scroll-margin-top:95px}.results-heading{align-items:center;margin-bottom:20px}.results-heading h2{margin-top:8px}.results-heading p strong{color:var(--text);overflow-wrap:anywhere}.completed-label{color:var(--success);letter-spacing:1px;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:15px;display:grid}.score-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:19px}.score-card-heading{color:#79768d;justify-content:space-between;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.score-sparkle{color:var(--accent)}.score-value{letter-spacing:-1.5px;margin:16px 0 12px;font-family:Manrope,sans-serif;font-size:35px;font-weight:800}.score-value small{color:#aaa8b8;letter-spacing:0;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.score-track{background:#f0eef6;border-radius:10px;width:100%;height:6px;overflow:hidden}.score-track span{border-radius:inherit;background:linear-gradient(90deg,#a38df3,#7457dc);height:100%;transition:width .6s;display:block}.score-card p{color:#aaa8b8;margin:11px 0 0;font-size:9px;line-height:1.5}.keyword-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:17px;display:grid}.keyword-panel{min-height:180px}.panel-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.keyword-count{border-radius:8px;place-items:center;min-width:26px;height:26px;padding:0 7px;font-size:10px;font-weight:800;display:grid}.keyword-count.matched{color:#278c6e;background:#e5f6ef}.keyword-count.missing{color:#cf7068;background:#fff0ee}.keyword-list{flex-wrap:wrap;gap:8px;margin-top:19px;display:flex}.keyword-chip{overflow-wrap:anywhere;border-radius:7px;align-items:center;padding:7px 10px;font-size:10px;font-weight:600;display:inline-flex}.keyword-chip.matched{color:#278b6c;background:#eaf7f1}.keyword-chip.missing{color:#c86d66;background:#fff1ef}.empty-state{color:var(--muted);font-size:11px}.detail-panel{margin-top:17px}.detail-panel h3{margin-top:8px}.detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0;display:grid}.detail-metrics>div{background:#faf9fd;border:1px solid #f0eef6;border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.detail-metrics strong{font-family:Manrope,sans-serif;font-size:23px}.detail-metrics span{color:var(--muted);font-size:10px}.disclaimer{color:#9996aa;border-top:1px solid var(--border);padding-top:14px;font-size:10px;line-height:1.6}.results-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.footer{border-top:1px solid var(--border);color:#aaa8b8;justify-content:space-between;gap:15px;margin-top:38px;padding:19px 0 5px;font-size:9px;display:flex}.footer b{color:var(--accent)}@media (width<=1100px){.sidebar{width:220px}.main-area{width:calc(100% - 220px);margin-left:220px}.page-content{padding-left:4%;padding-right:4%}.hero-section{padding:30px}.hero-visual{width:190px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.sidebar{align-items:center;width:76px;padding:24px 10px}.brand{padding:0 0 35px}.brand>span:last-child,.sidebar-section-label,.nav-item>span:not(.nav-icon),.sidebar-promo,.sidebar-profile .profile-copy,.sidebar-profile .profile-more{display:none}.nav-item{justify-content:center;padding:12px 8px}.nav-icon{font-size:21px}.sidebar-profile{justify-content:center;width:100%}.main-area{width:calc(100% - 76px);margin-left:76px}.hero-visual{opacity:.65;margin-right:-30px}.review-grid{grid-template-columns:1fr}.overview-stats{gap:10px}.overview-card{padding:14px}}@media (width<=560px){.sidebar{border-right:0;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;flex-direction:row;justify-content:center;width:100%;height:65px;padding:5px 9px;inset:auto 0 0}.brand,.sidebar-spacer,.sidebar-profile{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;gap:3px;width:100%}.nav-item{text-align:center;flex-direction:column;flex:1;gap:2px;padding:5px 2px;font-size:8px}.nav-item>span:not(.nav-icon){display:block}.nav-icon{font-size:17px}.main-area{width:100%;margin-left:0;padding-bottom:65px}.topbar{height:57px;padding:0 17px}.system-status{font-size:9px}.topbar-right{gap:9px}.page-content{padding:18px 14px}.hero-section{min-height:auto;padding:26px 20px}.hero-copy h1{letter-spacing:-1.3px;font-size:30px}.hero-copy>p{font-size:11px}.hero-visual{display:none}.overview-stats{grid-template-columns:1fr;gap:9px;margin:15px 0 29px}.overview-card{padding:13px 15px}.overview-card>strong{margin-top:8px;font-size:23px}.section-heading{align-items:flex-start}.section-heading h2{font-size:20px}.section-heading p{font-size:11px;line-height:1.6}.step-label{display:none}.panel{padding:17px}.review-grid{gap:12px}.upload-zone,.job-input{height:170px;min-height:170px}.input-footer{flex-wrap:wrap}.action-bar{flex-direction:column;align-items:stretch;padding:16px}.action-bar .primary-button{width:100%}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.score-card{padding:13px}.score-card-heading{font-size:9px}.score-value{margin:12px 0;font-size:29px}.score-card p{font-size:8px}.keyword-grid{grid-template-columns:1fr;gap:11px}.detail-metrics{grid-template-columns:1fr;gap:8px}.detail-metrics>div{flex-direction:row;justify-content:space-between;align-items:center}.results-actions{flex-direction:column}.results-actions button{width:100%}.footer{flex-direction:column;margin-top:25px;line-height:1.6}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}