.job-form{max-width:1000px;margin:40px auto;padding:30px;background-color:#171a22;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #9b32ff;border-radius:16px;display:flex;flex-direction:column;gap:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.job-form input[type=number],.job-form input[type=text]{padding:12px;background-color:#171a22;border:1px solid #9b32ff;border-radius:8px;font-size:16px;transition:border-color .3s;width:100%;box-sizing:border-box;color:rgb(255,255,255)}.job-form input[type=number]:focus,.job-form input[type=text]:focus{border-color:#bbbbbb;outline:none;color:rgb(255,255,255)}.job-form label{font-size:15px;font-weight:500;margin-bottom:6px;display:block}.job-form input[type=checkbox]{transform:scale(1.1)}.job-form button{padding:12px;background-color:#9b32ff;color:rgb(255,255,255);border:1px solid #9b32ff;border-radius:8px;font-size:16px;font-weight:400;cursor:pointer}.job-form button:hover{background-color:#8400ff}.form-heading{text-align:center;font-size:38px;font-weight:600;margin:0 200px 20px;color:rgb(255,255,255);padding:8px 20px}.job-form>div{display:flex;flex-direction:column}.checkbox-group{gap:12px}.checkbox-group,.input-row{display:flex;flex-wrap:wrap}.input-row{gap:16px}.input-row>div{flex:1 1;display:flex;flex-direction:column}@media (max-width:768px){.job-form{padding:24px;margin:20px 16px}.form-heading{margin:0 30px 20px;font-size:28px;padding:6px 16px}.input-row{flex-direction:column;gap:12px}.job-form button,.job-form input{font-size:15px}}@media (max-width:480px){.job-form{padding:20px;margin:20px 12px}.form-heading{margin:0 16px 20px;font-size:22px;padding:5px 12px}.job-form button,.job-form input{font-size:14px}.checkbox-group{flex-direction:column}}.job-results{display:flex;flex-direction:column;gap:24px;padding:0 20px 40px;max-width:1200px;margin:40px auto;background-color:transparent;border-radius:12px;border:1px solid #007bff;overflow:hidden}.browser-bar{height:36px;background-color:#171a22;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;align-items:center;padding-left:16px}.browser-bar .dots{display:flex;gap:8px}.browser-bar .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.browser-bar .dot.green,.browser-bar .dot.red,.browser-bar .dot.yellow{background-color:#007bff}.job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-top:24px}.job-card{background-color:#171a22;border-radius:12px;border:1px solid #007bff;padding:24px;display:flex;flex-direction:column;gap:12px}.job-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.12)}.job-card h3{font-size:18px;color:#ffffff;margin-bottom:4px}.job-card p{font-size:14px;color:rgb(182,182,182);line-height:1.5;margin:0}.job-card a,.job-card p strong{color:#ffffff}.job-card a{margin-top:auto;align-self:flex-start;padding:8px 16px;background-color:#9b32ff;border:1px solid #9b32ff;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;transition:background-color .3s ease}.job-card a:hover{background-color:#8400ff}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:hidden}.app-container{display:flex;flex-direction:column;align-items:center;max-width:1200px;width:100%;min-height:80vh;margin:40px auto;padding:20px;gap:50px}.left-section{width:100%;text-align:center;padding:0}.left-section h1{font-size:2.8em;margin-bottom:20px;line-height:1.1;font-weight:700;color:#ffffff;word-break:break-word}.left-section h1 span.purple-text{color:#9b32ff}.left-section h1 span.white-text{color:#ffffff}.left-section p{font-size:1.1em;line-height:1.6;margin-bottom:30px;color:#999999;max-width:500px;word-break:break-word;margin-left:auto;margin-right:auto}.user-rating{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;flex-wrap:wrap}.user-avatars{display:flex;position:relative}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid transparent;object-fit:cover;position:relative;left:0}.avatar:nth-child(2){left:-15px;z-index:2}.avatar:nth-child(3){left:-30px;z-index:3}.rating-score{font-size:1.2em;font-weight:700;margin-left:10px}.stars{color:#ffd700;font-size:1.2em;margin-right:5px}.users-count{font-size:1em;color:#cccccc}.right-section{width:100%;padding:0;display:flex;justify-content:center;align-items:center}.form-card{background-color:#171a22;border-radius:15px;border:1px solid #9b32ff;padding:40px;width:100%;max-width:500px;margin:0 auto}.form-card h3{font-size:1.8em;margin-bottom:10px;color:#ffffff;text-align:center}.form-card p{font-size:.9em;color:#999999;margin-bottom:30px;text-align:center}.form-row{gap:20px;margin-bottom:25px}.form-row,.input-group{display:flex;flex-direction:column;width:100%}.input-group label{font-size:.9em;margin-bottom:8px;color:#cccccc}.input-group input[type=text]{background-color:#3b3b55;border:1px solid #5a5a75;border-radius:8px;padding:12px 15px;font-size:1em;color:#ffffff;outline:none;transition:border-color .3s ease;width:100%}.input-group input[type=text]::placeholder{color:#888888}.input-group input[type=text]:focus{border-color:#e0b0ff}.optional-params{display:flex;align-items:center;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.optional-params input[type=checkbox]{margin-right:10px;width:18px;height:18px;accent-color:#3cb371}.optional-params label{font-size:.95em;color:#cccccc;cursor:pointer}.generate-button{background-color:white;color:black;border-radius:8px;padding:15px 25px;font-size:1.1em;font-weight:700;cursor:pointer;width:100%;border:none;transition:background-color .3s ease,color .3s ease}.generate-button:hover{background-color:#e0e0e0;color:#9b32ff}@media (min-width:900px){.app-container{flex-direction:row;justify-content:center;align-items:center}.left-section,.right-section{text-align:left;width:50%;flex:1 1;padding:20px}.left-section h1{font-size:3.5em}.left-section p{margin-left:0;margin-right:0}.user-rating{justify-content:flex-start}.form-card{padding:40px}.form-card h3,.form-card p{text-align:left}.form-row{flex-direction:row}.input-group{min-width:200px}.optional-params{justify-content:flex-start}}