:root{--primary-color:#0077b6;--secondary-color:#00b4d8;--accent-color:#00b4d8;--text-dark:#1f2937;--text-light:#4b5563;--bg-surface:#fff;--bg-subtle:#f8fafd;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}body{margin:0;background:linear-gradient(135deg,#e0f7fa 0,var(--bg-surface) 100%);font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;width:100vw;justify-content:center;align-items:center;color:var(--text-dark)}body,main{display:flex}main{flex-direction:column;width:100%;max-width:900px;max-height:90vh;padding:2.5rem;background-color:var(--bg-surface);border-radius:16px;box-shadow:var(--shadow-lg);overflow-y:auto}h1{font-size:2rem;font-weight:800;color:var(--primary-color);margin-bottom:1.5rem}h3{font-size:1.2rem;margin-top:0;margin-bottom:.5rem;font-weight:700}h3,input[type=text]{color:var(--text-dark)}input[type=text]{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 15px;font-size:1rem;margin-bottom:25px;transition:all .3s ease;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box}input[type=text]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,119,182,.3)}input::placeholder{color:#9ca3af}button{border:none;border-radius:10px;padding:.8em 1.5em;font-size:1em;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;align-self:flex-start}button:hover{transform:translateY(-1px);box-shadow:0 5px 10px -2px rgba(0,119,182,.4)}ul{padding:0;margin:0;list-style-type:none;gap:15px}li,ul{display:flex;flex-direction:column}li{background-color:var(--bg-subtle);padding:18px 24px;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease;box-shadow:var(--shadow-sm);gap:10px}li:hover{border-color:var(--secondary-color);background:#e9f8ff;transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,180,216,.15)}p{line-height:1.5;margin:0}.job-footer,p{color:var(--text-light)}.job-footer{text-align:left;font-size:.95em;margin-top:5px}a{font-weight:700;text-decoration:none;color:var(--accent-color);transition:color .2s ease}a:hover{color:var(--primary-color);text-decoration:underline}