:root{--ink: #0E1D49;--petrol: #0E1D49;--petrol-light: #1947BA;--petrol-dark: #0A1535;--coral: #60269E;--coral-dark: #4A1D7A;--coral-light: #A17BC5;--sky: #017CBA;--cream: #F7F8FB;--paper: #FFFFFF;--line: #E1E5EE;--muted: #5B6478;--success-bg: #E8F3EE;--success-text: #1F6E4E;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--radius: 14px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1120px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:34px;width:auto;display:block}.brand-sub{font-family:var(--font-body);font-weight:500;font-size:12.5px;color:var(--muted);margin-top:1px;padding-left:12px;border-left:1px solid var(--line)}.topbar-tag{font-size:13px;color:var(--muted);font-weight:500;display:none}@media (min-width: 640px){.topbar-tag{display:block}}.hero{background:var(--petrol);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(96,38,158,.25),transparent 70%);pointer-events:none}.hero-inner{max-width:1120px;margin:0 auto;padding:56px 28px 64px;position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#ffffffeb;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:7px 14px;border-radius:100px;margin-bottom:22px}.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--coral-light)}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.4vw,46px);line-height:1.12;letter-spacing:-.01em;margin:0 0 18px;max-width:680px}.hero h1 em{font-style:normal;color:var(--coral-light)}.hero p.lead{font-size:17px;line-height:1.6;color:#ffffffc7;max-width:560px;margin:0}.content{flex:1;max-width:1120px;width:100%;margin:-34px auto 0;padding:0 28px 80px;position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 880px){.content{grid-template-columns:1.55fr 1fr;align-items:start}}.picker-section+.content{margin-top:0;padding-top:8px}.picker-section{max-width:1120px;width:100%;margin:-34px auto 0;padding:0 28px 32px;position:relative;z-index:2}.picker-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:#fff;margin:0 0 18px}.vacancy-status{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;color:var(--muted);font-size:14.5px}.vacancy-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 720px){.vacancy-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1040px){.vacancy-grid{grid-template-columns:repeat(3,1fr)}}.vacancy-card{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px -26px #14242c4d;padding:22px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-family:var(--font-body);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.vacancy-card:hover{transform:translateY(-3px);border-color:var(--coral-light);box-shadow:0 22px 46px -22px #60269e47}.vacancy-card-top{display:flex;justify-content:space-between;margin-bottom:8px}.vacancy-pill{display:inline-flex;align-items:center;gap:6px;background:var(--cream);color:var(--petrol);font-size:12px;font-weight:600;padding:5px 11px;border-radius:100px}.vacancy-pill svg{width:13px;height:13px}.vacancy-card h3{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--ink);margin:0 0 4px}.vacancy-card-location{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin:0 0 10px}.vacancy-card-location svg{width:14px;height:14px;flex-shrink:0}.vacancy-card-summary{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 0 16px;flex:1}.vacancy-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--coral)}.vacancy-card-cta svg{width:15px;height:15px}.vacancy-selected{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px -26px #14242c4d;padding:18px 22px}.vacancy-selected-icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:var(--success-bg);color:var(--success-text);display:flex;align-items:center;justify-content:center}.vacancy-selected-icon svg{width:18px;height:18px}.vacancy-selected-info{flex:1}.vacancy-selected-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.vacancy-selected-info h3{font-family:var(--font-display);font-size:16.5px;font-weight:600;color:var(--ink);margin:0 0 2px}.vacancy-selected-info p{font-size:13px;color:var(--muted);margin:0}.vacancy-change-btn{background:none;border:1px solid var(--line);border-radius:100px;padding:9px 16px;font-size:13px;font-weight:600;color:var(--petrol);cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease}.vacancy-change-btn:hover{border-color:var(--coral-light);background:var(--cream)}.vacancy-details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin-top:16px}.vacancy-details h4{font-family:var(--font-display);font-size:15.5px;font-weight:600;color:var(--ink);margin:0 0 16px}.vacancy-details-section{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.vacancy-details-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.vacancy-details-section h5{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--coral);margin:0 0 6px}.vacancy-details-section p{font-size:14px;line-height:1.65;color:var(--ink);margin:0;white-space:pre-wrap}.card{background:var(--paper);border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 18px 40px -22px #14242c47;overflow:hidden}.card-head{padding:30px 32px 6px}.card-head h2{font-family:var(--font-display);font-size:21px;font-weight:600;margin:0 0 6px;color:var(--ink)}.card-head p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.55}form{padding:22px 32px 32px;display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13.5px;font-weight:600;color:var(--ink)}.field label .opt{color:var(--muted);font-weight:400}.field .hint{font-size:12.5px;color:var(--muted)}.row2{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 540px){.row2{grid-template-columns:1fr 1fr}}input[type=text],input[type=tel],input[type=email],select,textarea{font-family:var(--font-body);font-size:15px;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:9px;padding:12px 14px;width:100%;transition:border-color .15s,box-shadow .15s,background .15s}textarea{resize:vertical;min-height:84px;font-family:var(--font-body)}input::placeholder,textarea::placeholder{color:#a3adaf}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--petrol-light);background:#fff;box-shadow:0 0 0 3px #2a50681f}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B7A80' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.phone-row{display:flex;gap:8px}.phone-row select{flex:0 0 92px;padding-right:30px;background-position:right 8px center}.phone-row input{flex:1}.dropzone{border:1.5px dashed var(--line);border-radius:11px;background:var(--cream);padding:26px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--coral);background:#fff6f1}.dropzone-icon{width:38px;height:38px;margin:0 auto 12px;border-radius:9px;background:var(--petrol);display:flex;align-items:center;justify-content:center}.dropzone-icon svg{width:18px;height:18px;stroke:#fff}.dropzone p{margin:0;font-size:14px;color:var(--ink);font-weight:500}.dropzone span{display:block;margin-top:4px;font-size:12.5px;color:var(--muted)}.dropzone .browse{color:var(--coral-dark);font-weight:600;text-decoration:underline}.file-chip{display:flex;align-items:center;gap:10px;background:var(--cream);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.file-chip .icon{width:30px;height:30px;border-radius:7px;background:var(--success-bg);color:var(--success-text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-chip .icon svg{width:15px;height:15px}.file-chip .name{font-size:13.5px;font-weight:600;flex:1;word-break:break-all}.file-chip .size{font-size:12px;color:var(--muted);white-space:nowrap}.file-chip button{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;border-radius:6px}.file-chip button:hover{background:var(--line);color:var(--ink)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.55;background:var(--cream);border-radius:10px;padding:14px 16px;cursor:pointer}.consent input{margin-top:2px;flex-shrink:0;width:16px;height:16px;accent-color:var(--petrol)}.submit-btn{font-family:var(--font-body);font-weight:600;font-size:15.5px;color:#fff;background:var(--coral);border:none;border-radius:10px;padding:15px 22px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,transform .1s}.submit-btn:hover{background:var(--coral-dark)}.submit-btn:active{transform:scale(.99)}.submit-btn:disabled{background:#d8b6a6;cursor:not-allowed}.submit-btn svg{width:17px;height:17px}.error-text{font-size:12.5px;color:#b23a2e;font-weight:500;display:block}.error-box{background:#fff1ef;border:1px solid #F1C3BB;border-radius:9px;padding:12px 14px}.field.has-error input,.field.has-error select{border-color:#d8645a;background:#fff7f6}.side-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.side-card+.side-card{margin-top:18px}.side-card h3{font-family:var(--font-display);font-size:15.5px;font-weight:600;margin:0 0 16px;color:var(--ink)}.step{display:flex;gap:13px;padding-bottom:18px;position:relative}.step:not(:last-child):before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:1px;background:var(--line)}.step-num{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--petrol);color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}.step.active .step-num{background:var(--coral)}.step-body p.t{margin:0 0 3px;font-size:14px;font-weight:600;color:var(--ink)}.step-body p.d{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.call-note{display:flex;gap:12px;align-items:flex-start;background:#fff6f1;border:1px solid #F3D9C8;border-radius:11px;padding:16px}.call-note .icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--coral);display:flex;align-items:center;justify-content:center}.call-note .icon svg{width:17px;height:17px;stroke:#fff}.call-note p{margin:0;font-size:13.5px;color:var(--ink);line-height:1.55}.call-note p b{font-weight:600}.job-pill{display:inline-flex;align-items:center;gap:6px;background:var(--success-bg);color:var(--success-text);font-size:12px;font-weight:600;padding:5px 11px;border-radius:100px;margin-bottom:10px}.success-wrap{padding:56px 32px;text-align:center}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--success-bg);color:var(--success-text);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}.success-icon svg{width:30px;height:30px}.success-wrap h2{font-family:var(--font-display);font-size:23px;margin:0 0 10px}.success-wrap p{color:var(--muted);font-size:15px;line-height:1.6;max-width:420px;margin:0 auto 28px}.success-timeline{background:var(--cream);border-radius:12px;padding:20px 24px;text-align:left;max-width:420px;margin:0 auto}footer{text-align:center;padding:26px 28px 36px;font-size:12.5px;color:var(--muted)}
