*,:before,:after{box-sizing:border-box}body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#f8f9fa;--border:#e9ecef;--text:#212529;--muted:#6c757d;--accent:#007bff;--accent-hover:#0056b3;--accent-disabled:#6c757d;--radius:8px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}body{background:var(--bg);min-height:100vh}#root{all:unset;display:block}.app{max-width:1200px;margin:0 auto;padding:48px 24px 80px}header{text-align:center;margin-bottom:48px;padding:20px 0}header h1{letter-spacing:-.5px;color:var(--text);margin-bottom:10px;font-size:36px;font-weight:700}header p{color:var(--muted);max-width:600px;margin:0 auto;font-size:16px}.inputs{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.inputs{grid-template-columns:1fr}}.field{flex-direction:column;gap:8px;display:flex}label{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;outline:none;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #0000001a}textarea::placeholder{color:var(--muted)}textarea:focus{border-color:var(--accent)}button[type=submit]{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;margin:28px auto 0;padding:13px 40px;font-size:15px;font-weight:600;transition:background .15s,box-shadow .15s;display:block;box-shadow:0 2px 4px #007bff33}button[type=submit]:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 8px #007bff4d}button[type=submit]:disabled{background:var(--accent-disabled);cursor:not-allowed;box-shadow:none}.results{flex-direction:column;gap:24px;margin-top:48px;scroll-margin-top:24px;display:flex}.result-section{border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 2px 4px #00000014}.ats-review{background:#f0f6ff;border-color:#c2d9f8}.resume-improvements{background:var(--surface)}.result-section h2{letter-spacing:.6px;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700}.ats-review h2{color:#0056b3}.resume-improvements h2{color:var(--muted)}.result-body{color:var(--text);font-size:14px;line-height:1.7}.result-body p{margin-bottom:8px}.result-body ul,.result-body ol{margin-bottom:8px;padding-left:20px}.result-body li{margin-bottom:4px}.result-body strong{font-weight:600}.markdown-resume{font-size:14px;line-height:1.6}.markdown-resume h1,.markdown-resume h2,.markdown-resume h3{text-transform:none;letter-spacing:0;color:var(--text);margin-top:16px;margin-bottom:4px;font-size:14px;font-weight:700}.markdown-resume h1{border-bottom:1px solid var(--border);padding-bottom:4px;font-size:16px}.markdown-resume ul{padding-left:18px;list-style:outside}.markdown-resume li{margin-bottom:3px}