:root{--primary: #F7B500;--primary-hover: #d49b00;--background: #0C1A32;--surface: #13223f;--text: #ffffff;--text-secondary: #9ca3af;--border: #1e3a5f;--success: #10b981;--error: #ef4444;--radius: 8px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;font-family:var(--font-sans);background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;transition:all .2s ease}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.025em}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.upload-section{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:3rem;text-align:center;transition:all .2s;background:#1e293b80;color:var(--text-secondary)}.dropzone.dragging{border-color:var(--primary);background:#6366f11a}.dropzone.has-file{border-style:solid;border-color:var(--success);color:var(--text)}.dropzone .icon{font-size:3rem;margin-bottom:1rem}.file-input-label{color:var(--primary);font-weight:500;cursor:pointer}.file-input-label:hover{text-decoration:underline}.actions{display:flex;justify-content:flex-end}.result-card{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.avatar{width:48px;height:48px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.contact-info{color:var(--text-secondary);font-size:.9rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.skill-tag{background:#6366f126;color:#a5b4fc;padding:.25rem .75rem;border-radius:100px;font-size:.85rem}
