*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#f5f7fb;font-family:Arial,sans-serif}button,input,select{font-family:inherit}#root{min-height:100vh}.search-section{text-align:center;max-width:1000px;margin:0 auto;padding:60px 20px 30px}.search-section h1{color:#111827;margin-bottom:10px;font-size:48px}.search-section>p{color:#6b7280;margin-bottom:30px;font-size:18px}.search-box{gap:12px;margin-bottom:15px;display:flex}.search-box input{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;padding:14px 16px;font-size:16px}.search-box input:focus{border-color:#2563eb}.search-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px 25px;font-size:16px}.search-box button:hover{background:#1d4ed8}.job-filter{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;margin-bottom:12px;padding:14px 16px;font-size:16px}.clear-button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:13px;font-size:15px}.clear-button:hover{background:#f3f4f6}.jobs-section{max-width:1000px;margin:0 auto;padding:25px 20px}.jobs-section h2{margin-bottom:20px;font-size:28px}.job-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:25px;box-shadow:0 5px 20px #0000000d}.job-card h3{color:#111827;margin-bottom:18px;font-size:24px}.job-info{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.job-info p{color:#4b5563}.job-card-actions{gap:10px;display:flex}.job-card-actions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;flex:1;padding:12px;font-size:15px}.job-card-actions button:hover{background:#1d4ed8}.job-details-page{background:#fff;border-radius:16px;max-width:850px;margin:40px auto;padding:30px;box-shadow:0 5px 25px #00000014}.job-details-page>button:first-child{cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;margin-bottom:25px;padding:10px 16px}.job-details-page h1{margin-bottom:25px;font-size:36px}.job-details-page h2{margin:25px 0 18px;font-size:28px}.job-details-page p{color:#4b5563;margin-bottom:14px;line-height:1.6}.job-details-page>button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;padding:13px 25px;font-size:16px}.job-details-page>button:hover{background:#1d4ed8}.application-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-top:30px;padding:25px}.application-form h2{margin-top:0;margin-bottom:25px}.application-form form{flex-direction:column;gap:18px;display:flex}.application-form form>div{flex-direction:column;gap:8px;display:flex}.application-form label{font-weight:600}.application-form input{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:12px}.application-form input:focus{border-color:#2563eb}.application-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px;font-size:15px}.application-form button:hover{background:#1d4ed8}.application-form button[type=button]{background:#6b7280}.success-message{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;margin-top:25px;padding:20px}.success-message h3{color:#047857;margin-bottom:8px}.success-message p{color:#065f46;margin-bottom:0}@media (width<=768px){.search-section{padding-top:35px}.search-section h1{font-size:36px}.search-box,.job-card-actions{flex-direction:column}.job-details-page{margin:20px;padding:20px}.job-details-page h1{font-size:30px}}