@font-face{font-family:"Montserrat";src:url(/fonts/montserrat.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--gold1:#f6d9a0;--gold2:#c8924a;--gold3:#8a5a2b;--teal:#3fe0d0;--slate:#0b1219}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Montserrat,system-ui,sans-serif;color:#e9eef2;background:var(--slate) url(/media/duck-poster.jpg) center/cover fixed}
.bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:brightness(.55) saturate(.85)}
.storm{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 30% 10%,rgba(70,90,110,.35),transparent 60%),linear-gradient(180deg,rgba(8,13,19,.75),rgba(8,13,19,.25) 45%,rgba(8,13,19,.85))}
.peaks{position:fixed;left:0;right:0;bottom:0;height:30vh;z-index:-1;background:url(/peaks.svg) bottom/100% 100% no-repeat;filter:drop-shadow(0 -2px 6px rgba(63,224,208,.35))}
main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 5rem;text-align:center}
.neon{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(2.6rem,9vw,6.5rem);line-height:1;margin:0 0 2.2rem;background:linear-gradient(180deg,var(--gold1),var(--gold2) 55%,var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px var(--teal);filter:drop-shadow(0 0 6px rgba(63,224,208,.75)) drop-shadow(0 0 18px rgba(63,224,208,.35)) drop-shadow(0 4px 6px rgba(0,0,0,.6))}
.svc{list-style:none;padding:0;margin:0 0 2.2rem;display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:center;font-weight:600;font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold1)}
.svc li{text-shadow:0 0 8px rgba(63,224,208,.35)}
form{width:min(100%,380px);display:grid;gap:.6rem;background:rgba(9,15,22,.62);backdrop-filter:blur(8px);padding:1.3rem;border-radius:12px;border:1px solid rgba(63,224,208,.35);box-shadow:0 0 24px rgba(63,224,208,.12)}
input,select,button{font:inherit;padding:.75rem .9rem;border-radius:8px;border:1px solid rgba(200,146,74,.4);background:rgba(255,255,255,.06);color:#fff}
input:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 2px rgba(63,224,208,.25)}
select option{color:#000}[aria-invalid=true]{border-color:#f0b35a}
button{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#1a1206;border:0;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.ck{font-size:.78rem;text-align:left;display:flex;gap:.5rem;align-items:center;opacity:.9}
.hp{position:absolute;left:-9999px}#msg{margin:0;font-size:.85rem;min-height:1.2em}
footer{position:fixed;bottom:0;width:100%;text-align:center;font-size:.72rem;padding:.6rem;opacity:.55}


.yn{border:0;padding:0;margin:.5rem 0;display:flex;flex-wrap:wrap;gap:.75rem}.yn legend{width:100%;margin-bottom:.4rem;font-size:1.1rem}.yn-opt{display:flex;align-items:center;gap:.6rem;min-height:56px;min-width:120px;padding:.6rem 1.2rem;border:2px solid currentColor;border-radius:12px;font-size:1.25rem;cursor:pointer}.yn-opt input{width:28px;height:28px;margin:0}


.jobs-badge{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:.8rem 1.6rem;margin:0 0 1.6rem;border-radius:999px;border:2px solid var(--teal);background:rgba(9,15,22,.7);color:var(--gold1);font-weight:800;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;box-shadow:0 0 18px rgba(63,224,208,.35)}
.jobs-badge:focus-visible,.role a:focus-visible,.back:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.roles{list-style:none;padding:0;margin:0 0 1.6rem;display:grid;gap:1rem;width:min(100%,760px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.role{background:rgba(9,15,22,.66);backdrop-filter:blur(8px);border:1px solid rgba(63,224,208,.35);border-radius:14px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.7rem}
.role .ic{font-size:2.6rem;line-height:1}.role h2{margin:0;font-size:1.2rem;color:var(--gold1);letter-spacing:.06em}
.role a{display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;border-radius:10px;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#1a1206;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.jobs-note{max-width:640px;font-size:.95rem;line-height:1.5;opacity:.9;margin:0 0 1rem}
.back{display:inline-flex;align-items:center;min-height:56px;padding:0 1.4rem;color:var(--teal);font-size:1.1rem;text-decoration:none}


.duck2{position:fixed;z-index:0;pointer-events:none;width:clamp(56px,7vw,110px);aspect-ratio:160/110;left:73%;top:calc(50vh - .026*max(100vh,56.25vw) - clamp(56px,7vw,110px)*.66);filter:brightness(.8) saturate(.8) hue-rotate(-14deg);animation:duck2-swim 46s ease-in-out infinite alternate;will-change:transform}
.duck2-bob{width:100%;height:100%;animation:duck2-bob 3.7s ease-in-out infinite}
@keyframes duck2-swim{0%{transform:translateX(0)}100%{transform:translateX(min(14vw,180px))}}
@keyframes duck2-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(3px) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.duck2,.duck2-bob{animation:none}}
body>main{position:relative;z-index:1} 


body{background:transparent!important}
footer.plain{font-size:.72rem;opacity:.7}footer.plain p{margin:.15rem 0}
.notice{font-size:.75rem;opacity:.8;max-width:30rem;margin:.4rem auto;line-height:1.35}.notice a,footer.plain a{color:inherit}
