.navbar{height:56px;background:var(--surface2);border-bottom:1px solid var(--border2);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar-logo{display:flex;align-items:baseline;gap:0;-webkit-user-select:none;user-select:none}.navbar-logo-hire{font-family:var(--font-serif);font-size:19px;color:var(--text);letter-spacing:-.5px}.navbar-logo-lens{font-family:var(--font-serif);font-size:19px;color:var(--accent);letter-spacing:-.5px}.navbar-right{display:flex;align-items:center;gap:20px}.navbar-link{font-size:12px;color:var(--dim);text-decoration:none;transition:color .15s;letter-spacing:.2px}.navbar-link:hover{color:var(--subtle)}.navbar-cta{background:var(--accent);color:#0f0f0f;border:none;border-radius:var(--radius-sm);padding:7px 16px;font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background .15s,transform .1s}.navbar-cta:hover{background:#d4b23a}.navbar-cta:active{transform:scale(.97)}@media (max-width: 600px){.navbar{padding:0 16px}.navbar-link{display:none}}.upload-page{background:var(--bg);padding:40px 40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 56px);justify-content:center}.eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--surface3);border:1px solid var(--border2);border-radius:50px;padding:4px 12px;font-size:10px;color:var(--subtle);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.eyebrow-dot{width:4px;height:4px;background:var(--accent);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.hero-title{font-family:var(--font-serif);font-size:36px;line-height:1.1;letter-spacing:-1px;color:var(--text);margin-bottom:8px}.hero-title em{font-style:italic;color:var(--accent)}.hero-subtitle{font-size:13px;color:var(--dim);font-weight:300;max-width:400px;margin:0 auto 20px;line-height:1.5}.dropzone{background:var(--surface);border:1.5px dashed #2e2e2e;border-radius:var(--radius-xl);max-width:480px;width:100%;margin:0 auto 14px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .2s ease,box-shadow .25s ease;position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at center,rgba(232,197,71,.06) 0%,transparent 70%);transition:opacity .3s ease;pointer-events:none}.dropzone:hover{border-color:var(--accent);background:#161400;transform:translateY(-2px);box-shadow:0 4px 20px #e8c54714}.dropzone:hover:before{opacity:1}.dropzone--dragover{border-color:var(--accent)!important;background:#1a1800!important;transform:scale(1.02);box-shadow:0 0 30px #e8c54726}.dropzone--dragover .dropzone-icon{transform:scale(1.15);color:var(--accent)}.dropzone--dragover:before{opacity:1}.dropzone-icon{width:44px;height:44px;background:var(--surface3);border:1px solid var(--border2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--dim);transition:transform .2s ease,color .2s ease,border-color .2s ease}.dropzone-icon svg{stroke:var(--dim);stroke-width:1.5;fill:none;transition:stroke .2s ease}.dropzone:hover .dropzone-icon svg{stroke:var(--accent)}.dropzone-text-main{font-family:var(--font-serif);font-size:15px;color:var(--muted);margin:0}.dropzone-text-sub{font-size:11px;color:var(--dim);letter-spacing:.3px;margin:0}.dropzone-choose-btn{background:var(--accent);color:#0f0f0f;border:none;border-radius:var(--radius-md);padding:9px 22px;font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;margin-top:2px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease,background .2s ease;animation:btn-pulse-border 2.5s ease-in-out infinite}@keyframes btn-pulse-border{0%,to{box-shadow:0 0 #e8c54766}50%{box-shadow:0 0 0 6px #e8c54700}}.dropzone-choose-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .25s ease;border-radius:inherit}.dropzone-choose-btn:hover{transform:scale(1.05);background:#d4b23a;box-shadow:0 4px 16px #e8c54759;animation:none}.dropzone-choose-btn:hover:after{opacity:1}.dropzone-choose-btn:active{transform:scale(.98)}.dropzone-hint{font-size:10px;color:var(--ghost);letter-spacing:.5px;margin:0}.dropzone-file-info{display:flex;align-items:center;gap:8px;background:#e8c54714;border:1px solid rgba(232,197,71,.2);border-radius:8px;padding:8px 12px;width:100%;animation:file-info-fade-in .3s ease-out}@keyframes file-info-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropzone-file-info svg{width:16px;height:16px;stroke:var(--accent);flex-shrink:0}.dropzone-file-info span{font-size:12px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropzone-file-info .file-size{color:var(--dim);font-weight:400;font-size:11px;margin-left:auto;padding-left:8px}.or-divider{max-width:480px;width:100%;margin:0 auto 12px;display:flex;align-items:center;gap:10px}.or-line{flex:1;height:1px;background:#1e1e1e}.or-text{font-size:10px;color:var(--ghost);letter-spacing:1px}.linkedin-row{display:flex;gap:8px;max-width:480px;width:100%;margin:0 auto}.linkedin-input{flex:1;background:var(--surface);border:1px solid #222;border-radius:var(--radius-md);height:38px;padding:0 12px;font-size:12px;color:var(--muted);font-family:var(--font-sans);outline:none;transition:border-color .15s}.linkedin-input::placeholder{color:var(--ghost)}.linkedin-input:focus{border-color:var(--accent)}.linkedin-btn{background:var(--surface3);color:var(--subtle);border:1px solid var(--border2);border-radius:var(--radius-md);padding:0 16px;height:38px;font-size:11px;cursor:pointer;font-family:var(--font-sans);transition:background .15s,border-color .15s,color .15s,transform .15s ease;white-space:nowrap}.linkedin-btn:hover{background:var(--surface2);border-color:var(--border2);color:var(--muted);transform:translateY(-1px)}.linkedin-btn:active{transform:scale(.97)}.linkedin-error{max-width:480px;width:100%;text-align:left;font-size:10px;color:#e05555;margin:4px auto 0;padding-left:4px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:480px;width:100%;margin:16px auto 0}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px;transition:border-color .15s,transform .15s ease,box-shadow .2s ease}.feature-card:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.feature-icon{width:26px;height:26px;background:var(--accent-bg);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:12px;height:12px;stroke:var(--accent);fill:none;stroke-width:2}.feature-text{display:flex;flex-direction:column}.feature-title{font-size:11px;color:var(--subtle);font-weight:500;display:block;margin-bottom:1px}.feature-subtitle{font-size:10px;color:var(--dim);line-height:1.3}@media (max-width: 600px){.upload-page{padding:32px 20px 24px;justify-content:flex-start}.hero-title{font-size:30px}.dropzone{padding:24px 16px}.features-grid{grid-template-columns:1fr}.linkedin-row{flex-direction:column}.linkedin-btn{width:100%}}.analysis-results{background:var(--bg);padding:32px 40px;max-width:680px;margin:0 auto}.section-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ghost);margin-bottom:20px}.resume-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;transition:border-color .15s}.resume-card:hover{border-color:var(--border2)}.resume-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.resume-card-left{display:flex;align-items:center;gap:12px}.file-icon{width:38px;height:38px;background:var(--surface3);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--dim)}.file-icon svg{stroke:var(--dim);stroke-width:1.5;fill:none}.file-info{display:flex;flex-direction:column}.file-name{font-size:14px;color:var(--muted);font-weight:500}.file-meta{font-size:11px;color:var(--dim);margin-top:2px}.analyzed-badge{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:50px;padding:4px 12px;font-size:10px;color:var(--accent);letter-spacing:.5px;white-space:nowrap}.scores-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.score-card{background:var(--bg);border-radius:8px;padding:12px;text-align:center;transition:border-color .15s;border:1px solid transparent}.score-card:hover{border-color:var(--border2)}.score-number{font-family:var(--font-serif);font-size:28px;color:var(--accent);display:block}.score-label{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;margin-top:3px;display:block}.progress-bars{margin-top:16px}.progress-item{margin-bottom:12px}.progress-item:last-child{margin-bottom:0}.progress-header{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin-bottom:6px}.progress-value{color:var(--subtle)!important}.progress-track{height:4px;background:#1a1a1a;border-radius:2px;overflow:hidden}.progress-fill{height:4px;background:var(--accent);border-radius:2px;width:0;animation:growBar .8s ease forwards}@media (max-width: 600px){.analysis-results{padding:24px 20px}.scores-row{grid-template-columns:repeat(3,1fr);gap:6px}.score-number{font-size:22px}.resume-card{padding:18px}.resume-card-top{flex-direction:column;align-items:flex-start;gap:10px}}.ai-chat{background:#111;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;max-width:680px;margin:0 auto}.chat-header{background:var(--surface2);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:8px}.chat-avatar{width:24px;height:24px;background:var(--accent-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.chat-avatar svg{stroke:var(--accent);fill:none;stroke-width:2}.chat-title{font-size:12px;color:var(--subtle);font-weight:500}.chat-status{display:flex;align-items:center;gap:5px;margin-left:auto}.status-dot{width:5px;height:5px;background:#3a9a3a;border-radius:50%}.status-text{font-size:10px;color:#3a7a3a}.chat-messages{padding:16px;min-height:200px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.msg-bubble-wrapper{display:flex;width:100%}.msg-bubble-wrapper--user{justify-content:flex-end}.msg-bubble-wrapper--assistant{justify-content:flex-start}.msg-ai{background:var(--surface2);border:1px solid var(--border);border-radius:10px 10px 10px 3px;padding:10px 14px;max-width:85%;font-size:12px;color:var(--subtle);line-height:1.6;margin-bottom:10px}.msg-ai strong{color:var(--muted);font-weight:500}.msg-user{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px 10px 3px;padding:10px 14px;max-width:85%;margin-left:auto;margin-bottom:10px;font-size:12px;color:#b8a840;line-height:1.6}.msg-ai--thinking{display:flex;align-items:center;gap:6px;padding:14px 18px;min-width:60px;justify-content:center}.thinking-dot{width:4px;height:4px;background:var(--accent);border-radius:50%;animation:dotBounce 1.2s infinite}.suggestion-chips{display:flex;gap:8px;padding:0 16px 12px;flex-wrap:wrap}.suggestion-chip{background:var(--surface2);border:1px solid #222;border-radius:50px;padding:5px 12px;font-size:11px;color:var(--dim);cursor:pointer;font-family:var(--font-sans);transition:border-color .15s,color .15s;white-space:nowrap}.suggestion-chip:hover{border-color:var(--border2);color:var(--subtle)}.chat-input-row{border-top:1px solid var(--border);padding:12px 16px;display:flex;gap:10px;align-items:center}.chat-input{flex:1;background:var(--bg);border:1px solid #222;border-radius:var(--radius-md);height:36px;padding:0 12px;font-size:12px;color:var(--subtle);font-family:var(--font-sans);outline:none;transition:border-color .15s}.chat-input::placeholder{color:var(--ghost)}.chat-input:focus{border-color:var(--accent)}.send-btn{width:32px;height:32px;background:var(--accent);border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,opacity .15s}.send-btn:hover:not(:disabled){background:#d4b23a}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn svg{stroke:#0f0f0f;fill:none;stroke-width:2.5}@media (max-width: 600px){.ai-chat{margin:0 12px}.chat-messages{min-height:160px;max-height:300px}.msg-ai,.msg-user{max-width:90%}.suggestion-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.suggestion-chip{flex-shrink:0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #141414;--surface2: #161616;--surface3: #1e1e1e;--border: #1e1e1e;--border2: #2a2a2a;--text: #f0ede8;--muted: #c8c5bf;--subtle: #888888;--dim: #444444;--ghost: #333333;--accent: #e8c547;--accent-bg: #1a1a00;--accent-border: #2e2e00;--font-serif: "Instrument Serif", serif;--font-sans: "Geist", sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:400;line-height:1.5;overflow-x:hidden}#root{height:100%}h1,h2,h3,h4,h5,h6,.display-heading{font-family:var(--font-serif);letter-spacing:-1px;color:var(--text)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes growBar{0%{width:0}to{width:var(--w)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.fade-up{animation:fadeUp .5s ease both}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--dim)}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.analyzing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 56px);gap:20px;animation:fadeUp .4s ease both}.analyzing-spinner{width:20px;height:20px;border:2px solid #2a2a2a;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.analyzing-state p{font-size:14px;color:var(--dim);letter-spacing:.3px}.results-state{animation:fadeUp .5s ease both;padding-bottom:40px}