:root{--primary:#2563eb;--success:#16a34a;--danger:#dc2626;--bg:#f8fafc;--card-bg:#ffffff;--text:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--shadow:0 1px 3px rgba(0,0,0,0.1);--radius:8px}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;margin:0;padding:1rem}.container{max-width:1200px;margin:0 auto}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.job-card,.results{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.job-card h2{font-size:1.25rem;margin-bottom:1rem;border-bottom:2px solid var(--primary);padding-bottom:0.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:0.875rem;font-weight:500;margin-bottom:0.25rem;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:0.625rem 0.75rem;border:1px solid var(--border);border-radius:4px;font-size:1rem;box-sizing:border-box;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.btn{display:inline-block;width:100%;padding:0.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem}.btn:hover{background:#1d4ed8}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.result-item{padding:1rem;background:var(--bg);border-radius:4px}.result-item.winner .value{color:var(--success);font-weight:700;font-size:1.25rem}.result-item .label{font-size:0.75rem;color:var(--text-secondary)}.result-item .value{font-size:1.25rem;font-weight:600}.winner-badge{background:var(--success);color:#fff;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:600;margin-left:0.5rem}.form-group.checkbox{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}.form-group.checkbox input[type="checkbox"]{width:auto;margin:0}.form-group.checkbox label{font-size:0.875rem;font-weight:400;margin:0;color:var(--text-secondary)}.overall-result{text-align:center;padding:1.5rem;background:var(--bg);border-radius:4px;margin-top:1rem}.winner-name{font-size:1.5rem;font-weight:700;color:var(--success)}header{text-align:center;margin-bottom:1.5rem}h1{font-size:1.75rem;margin:0 0 0.5rem}.subtitle{color:var(--text-secondary);font-size:0.875rem}footer{text-align:center;margin-top:2rem;color:var(--text-secondary);font-size:0.875rem}@media(max-width:640px){.comparison-grid,.results-grid{grid-template-columns:1fr}}