html,body{margin:0;padding:0;height:auto;overflow-y:auto}.jobs-container{padding:20px;height:100vh}.jobs-container.error{color:red}.job-list{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;overflow-y:scroll;width:100vw;height:100%}.job-card{border:1px solid #ccc;padding:15px;border-radius:8px}.job-card h3{margin-top:0}.job-card a{text-decoration:none;color:#007bff}.job-card a:hover{text-decoration:underline}.job-actions{margin-top:10px;display:flex;justify-content:space-between;gap:10px}.btn{padding:8px 14px;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .3s ease}.more-details{background-color:#eaeaea;color:#000;border:1px solid #ddd;padding:8px 14px;border-radius:6px;font-weight:500;cursor:pointer}.more-details:hover{background-color:#6cabee}.apply-now{background-color:#fcfcfc;color:#fff;border:none;padding:10px 16px;border-radius:20px;font-weight:600;letter-spacing:.5px;box-shadow:0 3px 6px #0000001a;cursor:pointer}.apply-now:hover{background-color:#1e10e6;color:#fff;transform:translateY(-2px);box-shadow:0 5px 10px #00000026}.contact-link:hover,.applied-link:hover,.jobs24h-link:hover,.profile-icon:hover{color:#2194f2;text-shadow:0 0 3px #2196f3,0 0 1px #2196f3}.homepage-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f7f9fc;margin:0;padding:0;z-index:9999;display:flex;flex-direction:column;color:#000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#fff;box-shadow:0 2px 8px #0000000a}.navbar-left .brand{font-family:Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;color:#007bff;letter-spacing:1px}.navbar-right{display:flex;align-items:center}.contact-btn{margin-right:18px;padding:8px 20px;font-size:1rem;border:none;border-radius:5px;background:#007bff;color:#fff;cursor:pointer;transition:background .2s}.contact-btn:hover{background:#2194f2}.navbar-right>*+*{margin-left:18px}.contact-link{font-size:1rem;color:#000;font-weight:500;transition:color .2s,text-shadow .2s}.profile-icon{color:#333;cursor:pointer;transition:color .2s}.contact-container h2{text-align:center;color:#2196f3;margin-bottom:32px;font-size:2.2rem;font-weight:700;letter-spacing:1px}.contact-form{display:flex;flex-direction:column;gap:22px}.contact-form input,.contact-form textarea{padding:14px 16px;border:1px solid #b0c4de;border-radius:8px;font-size:1.1rem;background:#f7f9fc;transition:border .2s}.contact-form input:focus,.contact-form textarea:focus{border:1.5px solid #2196f3;outline:none}.contact-form button[type=submit]{padding:12px;background:linear-gradient(90deg,#2196f3 60%,#21cbf3);color:#fff;border:none;border-radius:8px;font-size:1.15rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2196f314;transition:background .2s,box-shadow .2s}.contact-form button[type=submit]:hover{background:linear-gradient(90deg,#21cbf3,#2196f3);box-shadow:0 4px 16px #2196f326}.applied-container{max-width:900px;margin:80px auto;padding:40px 48px;background:#fff;border-radius:8px;box-shadow:0 4px 24px #0000001a;display:flex;flex-direction:column;align-items:center}.applied-container h2{text-align:center;color:#2196f3;margin-bottom:32px;font-size:2.2rem;font-weight:700;letter-spacing:1px}.jobs-list{display:flex;flex-wrap:wrap;gap:32px 40px;justify-content:center;width:100%}.job-card{background:#f7f9fc;border-radius:8px;box-shadow:0 2px 8px #2196f314;padding:28px 36px;min-width:280px;max-width:340px;margin-bottom:24px;transition:box-shadow .2s;display:flex;flex-direction:column;align-items:flex-start}.job-card:hover{box-shadow:0 4px 16px #2196f326}.job-card h3{margin:0 0 16px;color:#007bff;font-size:1.3rem}.job-card p{margin:8px 0;font-size:1rem}.job-details-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;align-items:stretch;color:#000;padding:48px 64px;z-index:9999}.job-details-container h2{color:#2196f3;margin-bottom:24px}.job-details-container p{margin:18px 0;font-size:1.15rem;width:100%;word-break:break-word}.apply-btn{margin-top:24px;padding:12px 32px;background:#2196f3;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.apply-btn:hover{background:#007bff}
