:root{--recruitment-navy:#08172d;--recruitment-ink:#f1f7ff;--recruitment-muted:#becfe3;--recruitment-aqua:#64e7e1;--recruitment-green:#b5ed89}
.two-sided-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:28px 0;width:100%}
.two-sided-actions a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:56px;flex:1 1 220px;max-width:360px;padding:16px 24px;border:1px solid #9bf1d2;border-radius:14px;background:linear-gradient(115deg,#64e7e1,#b5ed89);color:#08172d!important;font:700 17px/1.4 system-ui,sans-serif;text-align:center;text-decoration:none;box-shadow:0 8px 30px #0003}
.two-sided-actions a:hover{filter:brightness(1.07)}
.two-sided-actions a:focus-visible,.recruitment-page :focus-visible{outline:3px solid #fff;outline-offset:4px}
.recruitment-page{margin:0;background:radial-gradient(ellipse at 80% 0,#124355 0,transparent 45%),#08172d;color:#f1f7ff;font:16px/1.65 system-ui,sans-serif;color-scheme:dark}
.recruitment-page *{box-sizing:border-box}.recruitment-page a{color:#83f0db}.recruitment-header{max-width:1120px;margin:auto;padding:26px 24px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.recruitment-header a{text-decoration:none}.recruitment-header b{color:#b5ed89}.recruitment-main{max-width:880px;padding:30px 24px 60px;margin:auto}.recruitment-main h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.12;margin:15px 0 24px;letter-spacing:-.035em}.recruitment-main .intro{font-size:20px;max-width:720px;color:#d4e2f2}.recruitment-page .eyebrow{color:#91f0d0;letter-spacing:.15em;font-size:12px;font-weight:700}.recruitment-form{background:#10243d;border:1px solid #34536b;padding:28px;border-radius:20px;margin-top:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.recruitment-form label{display:block;font-weight:600}.recruitment-form label span{color:#becfe3;font-weight:400}.recruitment-form input,.recruitment-form select,.recruitment-form textarea{font:inherit;width:100%;display:block;background:#07172a;color:#fff;border:1px solid #7b92a8;border-radius:8px;padding:11px;margin-top:8px;min-height:48px}.recruitment-form .check{display:flex;gap:12px;align-items:flex-start;font-weight:400;margin:22px 0}.recruitment-form .check input{width:20px;min-width:20px;min-height:20px;height:20px;margin-top:4px;accent-color:#83f0db}.recruitment-form p{color:#c7d7e8}.recruitment-submit{border:0;border-radius:12px;background:linear-gradient(115deg,#64e7e1,#b5ed89);color:#08172d;font:700 17px system-ui,sans-serif;min-height:54px;padding:15px 26px;cursor:pointer}.recruitment-submit:disabled{opacity:.65;cursor:wait}.bot-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.recruitment-footer{text-align:center;color:#becfe3;padding:30px 24px;border-top:1px solid #34536b}#intakeStatus{min-height:28px;font-weight:600}.recruitment-page #privacy-summary{font-size:14px}
/* Same brand on the existing candidate landing; preserve modal and login hooks. */
.landing-body{background:#08172d;color:#f1f7ff}.landing-body .hr3d-hero{background:linear-gradient(130deg,#0b203b,#0c303b);border-color:#315466}.landing-body .hr3d-hero-copy{position:relative;z-index:2}.landing-body .hero-copy{color:#d2e1ef}.landing-body .hr3d-hero-copy h1 span{color:#8af0d5}.landing-body .two-sided-actions{justify-content:flex-start}.landing-body .hr3d-hero-stage{opacity:.25}.landing-body .hr3d-status{display:none}
.recruitment-admin-list article{padding:20px;border:1px solid #657d96;border-radius:10px;margin:15px 0}.recruitment-admin-list pre{white-space:pre-wrap;overflow-wrap:anywhere}.recruitment-admin-list button{margin:8px}.recruitment-admin-list input{margin:6px;max-width:160px}
@media(max-width:600px){.form-grid{grid-template-columns:1fr}.recruitment-form{padding:20px 16px}.recruitment-main{padding:22px 16px 40px}.two-sided-actions a{flex-basis:100%;max-width:none}.landing-body .hr3d-hero{min-height:620px}.recruitment-header{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.landing-body canvas{display:none}}
.landing-body.landing-body{background:radial-gradient(ellipse at 85% 0,#12394b,transparent 60%),#08172d;font-family:system-ui,sans-serif}.landing-body .landing-nav{background:#0c2036;border-color:#38546a}.landing-body .hr3d-hero{position:relative;display:block;min-height:0;padding:64px 36px}.landing-body .hr3d-hero-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;pointer-events:none}.landing-body .hr3d-hero-copy{width:100%;max-width:760px;margin:auto}.landing-body .hr3d-hero-copy h1{font-family:system-ui,sans-serif;font-size:clamp(44px,7vw,76px);font-weight:750;letter-spacing:-.045em}.landing-body .landing-footer{color:#bed0e2}.landing-body .landing-footer a{color:#a2e9dc}@media(max-width:600px){.landing-body .hr3d-hero{padding:40px 20px;min-height:0}.landing-body .hr3d-hero-copy .hero-copy{font-size:18px}.landing-body .hr3d-hero-copy h1{font-size:48px}.landing-body .hr3d-hero-stage{opacity:.12}}

/* Landing CTA compact layout 2026-10-14: applies only to public platform hero.
   No external UI dependencies; use existing button semantics and focus states. */
.landing-body .hr3d-hero-copy .two-sided-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;margin:20px 0 0}
.landing-body .hr3d-hero-copy .two-sided-actions>a{flex:0 1 270px;width:auto;max-width:270px;min-height:48px;padding:11px 15px;border-radius:12px;font-size:15px;line-height:1.35;font-weight:700;box-shadow:0 5px 15px #0002}
.landing-body .hr3d-hero-copy .hero-actions{margin-top:16px!important}
.landing-body .hr3d-hero-copy .hero-actions .btn[data-auth-open="login"]{min-height:44px;min-width:148px;max-width:200px;padding:10px 18px;border-radius:12px;font-size:15px;font-weight:700}
@media(max-width:600px){
  .landing-body .hr3d-hero-copy .two-sided-actions{flex-direction:column;align-items:center;gap:11px;margin-top:20px}
  .landing-body .hr3d-hero-copy .two-sided-actions>a{flex:0 0 auto;width:min(100%,310px);max-width:310px;min-height:48px}
  .landing-body .hr3d-hero-copy .hero-actions{justify-content:center;margin-top:16px!important}
  .landing-body .hr3d-hero-copy .hero-actions .btn[data-auth-open="login"]{width:min(100%,200px);min-height:44px}
}
@media(prefers-reduced-motion:reduce){.landing-body .hr3d-hero-copy .two-sided-actions>a{transition:none}}

/* Small-viewport headline containment and single-line desktop CTA copy. */
@media(min-width:601px){.landing-body .hr3d-hero-copy .two-sided-actions>a{flex:0 1 310px;max-width:310px}}
@media(max-width:340px){.landing-body .hr3d-hero-copy h1{font-size:56px!important}}

/* Responsive axis alignment: flex-direction switches to column on narrow
   screens, so horizontal centring must use align-items, not justify-content. */
.landing-body .hr3d-hero-copy .two-sided-actions{justify-content:center}
.landing-body .hr3d-hero-copy .hero-actions{justify-content:center;align-items:center}