*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;color:#111827;background-color:#fff}main{max-width:1280px;margin:0 auto;padding:0 24px 48px}header{padding:32px 0 20px;border-bottom:1px solid #E5E7EB;margin-bottom:24px}header h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 6px;line-height:1.2}header p{margin:0;color:#6b7280;font-size:15px}.filters{display:flex;flex-direction:row;gap:8px;margin-bottom:24px}.filters input{flex:1;padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;font-family:inherit;color:#111827;background:#fff;outline:none;transition:border-color .15s ease}.filters select{width:160px;flex-shrink:0;padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;font-family:inherit;color:#111827;background:#fff;outline:none;cursor:pointer;transition:border-color .15s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.filters input:focus,.filters select:focus{outline:2px solid #4338CA;outline-offset:2px;border-color:#4338ca}.grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.grid{grid-template-columns:repeat(3,1fr)}}.card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:20px;box-shadow:0 1px 3px #00000014;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.card-head{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px}.card-head strong{font-size:17px;font-weight:600;color:#111827;line-height:1.3}.card-head span{color:#6b7280;font-size:14px;white-space:nowrap;flex-shrink:0}.card-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}.card-meta>span:first-child{color:#6b7280;font-size:13px;margin-right:2px}.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;background-color:#f3f4f6;color:#374151}.tag.remote{background-color:#ecfdf5;color:#065f46}.tag.hybrid{background-color:#fffbeb;color:#92400e}.tag.onsite{background-color:#eff6ff;color:#1d4ed8}.tag.visa{background-color:#f5f3ff;color:#5b21b6}.loading,.empty{text-align:center;margin-top:40px;color:#6b7280;font-size:15px}@media (max-width: 639px){.filters{flex-direction:column}.filters input,.filters select{width:100%;flex:none}header h1{font-size:1.6rem}}