*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app,.job-details{max-width:900px;margin:40px auto;padding:0 20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px #0000001a}.app h1{text-align:center;margin-bottom:30px;color:#333}.job-details h2{color:#007bff;margin-bottom:10px;font-size:28px}.app input[type=text]{width:100%;padding:12px 15px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:16px}.app select{width:20%;padding:12px 11px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:16px}.job-list-container{display:flex;flex-direction:column;gap:20px;animation:fadeSlideIn .5s ease}.job-card{background-color:#fff;padding:15px 20px;margin-bottom:15px;border-radius:8px;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.job-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;cursor:pointer}.job-card h3{color:#007bff;margin-bottom:5px}.job-card p{margin-bottom:5px;color:#555}.pagination{display:flex;justify-content:center;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:10px;animation:fadeSlideIn .5s ease}.pagination button{background-color:#007bff;color:#fff;border:none;padding:8px 14px;margin:0 5px;border-radius:5px;cursor:pointer}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#0056b3}.job-details p{margin-bottom:10px;font-size:16px;color:#555;line-height:1.5}.job-details .back-button{display:inline-block;margin-top:20px;margin-bottom:20px;padding:10px 18px;background-color:#007bff;color:#fff;border-radius:6px;text-decoration:none;font-weight:500;transition:background .2s ease;cursor:pointer;border:none}.job-details .back-button:hover{background-color:#0056b3}.loading-container{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.api-info{display:flex;align-items:center;justify-content:center;gap:3px;background-color:#fff3cd;color:#856404;padding:10px 15px;border-radius:8px;margin-bottom:15px;font-size:.9rem;text-align:center;animation:fadeSlideIn .5s ease}.api-icon{font-size:1.2rem;flex-shrink:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.app select{width:100%}.app input,.app select{font-size:14px;padding:14px 16px}.job-card{padding:14px 18px}.job-card h3{font-size:18px}.job-card p{font-size:15px}.job-details h2{font-size:24px}.job-details p{font-size:15px}.job-details .back-button{padding:14px 20px;font-size:16px}.pagination button{padding:14px 20px;font-size:16px;min-height:44px}.api-info{font-size:.92rem}}@media(max-width:480px){.app input,.app select{font-size:16px;padding:16px}.job-card h3{font-size:18px;text-align:center}.job-card p{font-size:14px;text-align:center}.job-card a{font-size:13px;display:block;text-align:center}.pagination{flex-direction:column;gap:10px}.pagination button{padding:16px 22px;font-size:16px;min-height:48px;width:100%}.job-details h2{font-size:20px}.job-details p{font-size:14px;text-align:start}.job-details .back-button{width:100%;text-align:center;font-size:16px;padding:16px 22px}.api-info{flex-direction:column;text-align:center;gap:8px;padding:12px 14px;font-size:.9rem}.api-icon{font-size:1.6rem}}