:root{--green:#18a957;--green-dark:#0d7f3f;--black:#111312;--gray:#6c746f;--line:#e7ebe8;--bg:#f7faf8;--white:#fff;--danger:#c93636;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--black)}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}
.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;background:#fff;position:relative;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.06)}.top-accent{height:5px;background:var(--green)}
.screen{display:none;min-height:calc(100vh - 5px);padding:34px 22px 84px;animation:fade .18s ease-out}.screen.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:42px}.brand-mark{width:39px;height:32px;position:relative}.brand-mark i{position:absolute;display:block;width:20px;height:15px;border-radius:14px 14px 4px 14px;transform:rotate(-18deg)}.brand-mark i:nth-child(1){background:#ff6a00;left:1px;top:7px}.brand-mark i:nth-child(2){background:#ff8a00;left:12px;top:1px}.brand-mark i:nth-child(3){background:#ffc400;left:18px;top:14px}.brand-name{font-size:21px;font-weight:800;letter-spacing:-.7px}.brand-name span{font-weight:500}
.eyebrow{margin:0 0 9px;color:var(--green-dark);font-size:11px;font-weight:800;letter-spacing:.12em}.hero-copy h1{margin:0;max-width:450px;font-size:clamp(34px,9vw,48px);line-height:.98;letter-spacing:-1.8px}.hero-copy p:not(.eyebrow){margin:18px 0 30px;max-width:440px;color:var(--gray);font-size:16px;line-height:1.45}
.card,.detail-card{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(19,31,24,.07)}.form-card{padding:20px}.field{margin-bottom:17px}.field label{display:block;margin-bottom:8px;font-size:13px;font-weight:750}.field input,.field select{width:100%;height:50px;border:1px solid #d9dfdb;border-radius:13px;padding:0 14px;background:#fff;color:var(--black);outline:none}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(24,169,87,.12)}.error{display:block;min-height:16px;margin-top:5px;color:var(--danger);font-size:11px}.hint{display:block;margin-top:5px;color:var(--gray);font-size:11px}.hidden{display:none!important}
.primary-btn{width:100%;min-height:54px;border:0;border-radius:15px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:13px;font-weight:850;letter-spacing:.05em;box-shadow:0 10px 20px rgba(24,169,87,.2)}.primary-btn:hover{background:var(--green-dark)}.primary-btn:disabled{opacity:.6;cursor:wait}
.privacy-note{margin:12px 4px 0;color:#8a918c;font-size:10px;line-height:1.4;text-align:center}.message{margin:0 0 15px;padding:12px 13px;border-radius:12px;background:#eef9f2;color:#176b3c;font-size:13px;line-height:1.4}.message.error-state{background:#fff0f0;color:var(--danger)}
.screen-header{display:flex;align-items:flex-start;gap:13px;margin-bottom:26px}.screen-header h2{margin:0;font-size:30px;line-height:1;letter-spacing:-1px}.back-btn{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:20px;line-height:1}
.hello{margin-bottom:20px;font-size:18px}.hello p{margin:0 0 5px}.muted{color:var(--gray);font-size:14px}.vacancy-list{display:grid;gap:13px}.vacancy-card{border:1px solid var(--line);border-radius:19px;padding:17px;background:#fff}.vacancy-top{display:flex;justify-content:space-between;gap:12px}.company{color:var(--green-dark);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.vacancy-card h3{margin:5px 0 13px;font-size:21px;letter-spacing:-.5px}.income{font-size:20px;font-weight:850}.meta{display:grid;gap:4px;margin:10px 0 15px;color:var(--gray);font-size:12px}.text-btn{border:0;background:transparent;padding:0;color:var(--green-dark);font-size:12px;font-weight:850;letter-spacing:.04em}
.empty-state{border:1px dashed #ccd6cf;border-radius:19px;padding:30px 20px;text-align:center;color:var(--gray);line-height:1.5}.detail-card{padding:21px}.detail-card .company{margin-bottom:8px}.detail-card h3{margin:0 0 12px;font-size:31px;line-height:1;letter-spacing:-1.1px}.detail-income{font-size:25px;font-weight:900;margin-bottom:18px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}.detail-meta div{border-radius:13px;background:var(--bg);padding:11px}.detail-meta span{display:block;color:var(--gray);font-size:10px;margin-bottom:4px}.detail-meta strong{font-size:13px}.detail-copy h4{margin:18px 0 7px;font-size:13px}.detail-copy p{color:#4e5751;font-size:13px;line-height:1.5;margin:0}.footer{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(calc(100% - 44px),476px);text-align:center;color:#a0a6a2;font-size:9px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
@media(min-width:700px){body{padding:24px;background:#eef3ef}.app-shell{border-radius:28px;min-height:calc(100vh - 48px)}.screen{min-height:calc(100vh - 53px);padding:50px 44px 90px}}