:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#10243f;background:#eef3fb}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input,textarea{font:inherit}.landing-shell{min-height:100vh;display:grid;place-items:center;padding:80px 24px 24px;background:radial-gradient(circle at 15% 15%,rgba(167,217,51,.22),transparent 40%),radial-gradient(circle at 85% 10%,rgba(24,69,138,.18),transparent 45%),#eef3fb;position:relative}.brand-logo{width:148px;height:auto;display:block}.brand-logo-fixed{position:absolute;top:24px;left:24px;z-index:10}.landing-card{width:min(980px,100%);border-radius:26px;border:1px solid #d6e1f2;background:#fff;box-shadow:0 30px 70px #10243f1f;padding:28px}.landing-head{padding-bottom:20px;border-bottom:1px solid #e2e8f4;margin-bottom:8px}.brand-copy{margin:0;color:#526b93;font-size:.88rem;font-weight:600}.headline{margin:20px 0 8px;color:#18458a;font-size:clamp(1.5rem,3.8vw,2.2rem);font-weight:800;line-height:1.2}.sub-copy{margin:0;color:#5f769a;line-height:1.5}.match-flow-head{display:grid;gap:10px}.match-flow-head .headline{margin-bottom:0}.match-flow-copy{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#5f769a;font-size:1rem;font-weight:700}.match-flow-token-location{color:#18458a}.match-flow-token-ctc{color:#7cb518}.match-flow-token-growth{color:#1f437f}.match-flow-divider{color:#9aaac3;font-weight:600}.role-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.role-card{border:1px solid #d9e4f4;background:#f9fbff;border-radius:18px;text-align:left;padding:18px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.role-card:hover{transform:translateY(-2px);border-color:#a7d933;box-shadow:0 14px 32px #18458a1f}.role-card h2{margin:12px 0 7px;color:#163060;font-size:1.18rem}.role-card p{margin:0;color:#5f7598;line-height:1.5}.role-card-disabled{opacity:.88}.role-chip{display:inline-flex;align-items:center;border-radius:999px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;font-size:.96rem;font-weight:700;padding:8px 16px}.role-chip-muted{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.candidate-form{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:grid;gap:6px}.field-label{display:inline-flex;align-items:center;gap:4px;color:#1f3556;font-size:.87rem;font-weight:600}.required-asterisk{color:#be123c;line-height:1}.candidate-form input{width:100%;border:1px solid #cfdcef;border-radius:12px;background:#f8fbff;padding:11px 12px;outline:none;color:#1d3558;transition:border-color .15s ease,box-shadow .15s ease}.candidate-form input:focus{border-color:#88afed;box-shadow:0 0 0 2px #3b82f629}.candidate-form textarea{width:100%;border:1px solid #cfdcef;border-radius:12px;background:#f8fbff;padding:11px 12px;outline:none;color:#1d3558;min-height:110px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.candidate-form textarea:focus{border-color:#88afed;box-shadow:0 0 0 2px #3b82f629}.form-field-full{grid-column:1 / -1}.phone-input-row{display:flex;align-items:center;border:1px solid #cfdcef;border-radius:12px;background:#f8fbff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.phone-input-row:focus-within{border-color:#88afed;box-shadow:0 0 0 2px #3b82f629}.country-code-pill{min-width:58px;height:100%;display:inline-flex;align-items:center;justify-content:center;border-right:1px solid #cfdcef;background:#eef4ff;color:#1f437f;font-weight:700;font-size:.86rem;padding:10px 8px}.phone-input-row input{border:0;border-radius:0;background:transparent;box-shadow:none}.phone-input-row input:focus{border:0;box-shadow:none}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.field-hint{color:#5f7598;font-size:.8rem;line-height:1.4}.selected-files{display:flex;flex-wrap:wrap;gap:6px}.selected-files span{display:inline-flex;border-radius:999px;border:1px solid #c7d8ef;background:#eef4ff;color:#294f89;font-size:.76rem;font-weight:600;padding:4px 10px}.button{border:0;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.button:disabled{cursor:not-allowed;opacity:.72}.button-primary{background:#163060;color:#fff}.button-primary:hover:not(:disabled){background:#1f437f;transform:translateY(-1px);box-shadow:0 10px 22px #1630603d}.button-secondary{background:#f4f8ff;color:#1f437f;border:1px solid #c5d6ef}.button-secondary:hover:not(:disabled){background:#eaf1fc}.feedback{margin-top:16px;padding:10px 12px;border-radius:10px;font-size:.9rem;font-weight:600}.feedback-error{border:1px solid #fecdd3;background:#fff1f2;color:#be123c}.feedback-info{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}.placeholder-card,.thanks-card{margin-top:20px;border:1px solid #dbe5f3;border-radius:16px;background:#f9fbff;padding:20px}.thanks-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.reference-copy{margin:10px 0 0;color:#1f437f;font-weight:600}.download-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#fffffff5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.download-modal{width:min(520px,100%);border-radius:18px;border:1px solid #d2def0;background:#fff;box-shadow:0 24px 50px #10243f3d;padding:22px}.download-modal-head{text-align:center}.download-modal-logo{width:136px;height:auto;display:inline-block}.download-modal-head h2{margin:14px 0 8px;color:#163060}.download-modal-head p{margin:0;color:#5f7598;line-height:1.5}.download-modal-actions{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(max-width:780px){.landing-card{padding:18px;border-radius:20px}.landing-head{flex-direction:column;align-items:flex-start}.role-grid,.candidate-form{grid-template-columns:1fr}.form-actions{justify-content:stretch;flex-direction:column}.download-modal-actions{flex-direction:column;align-items:stretch}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.role-selection-wrapper{width:min(980px,100%)}.role-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:32px 24px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 25px #0000000d;border-radius:18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.role-card:hover{transform:translateY(-4px);border-color:#88afed;box-shadow:0 16px 36px #18458a1f}.gradient-heading{font-size:1.8rem;line-height:1.25;font-weight:800;margin:0;background:linear-gradient(135deg,#18458a,#7cb518);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.role-card p{color:#5f7598;font-size:1rem;margin:4px 0 20px;font-weight:500}.role-card h2{font-size:1.1rem;line-height:1.4;color:#475569;font-weight:600;margin:0}.role-card-btn{margin-top:auto;background:linear-gradient(135deg,#18458a,#1f437f);color:#fff;padding:12px 28px;border-radius:12px;font-size:1.05rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;width:100%;box-shadow:0 4px 14px #18458a33;transition:all .2s ease}.role-card:hover .role-card-btn{transform:translateY(-2px);box-shadow:0 6px 20px #18458a4d;background:linear-gradient(135deg,#1f437f,#18458a)}