/* Visual target: user-selected dark navy recruiter partnership reference.
   Only public signed-out pages use these tokens. Supplied logo stays untouched.
   Raster artwork is image_gen output; all glyphs are official Phosphor assets. */
.out,
:root[data-theme="dark"] .out,
:root:not([data-theme="light"]) .out{
  --canvas:#0C1325;--card:rgba(29,38,61,.72);--ink:#F5F6FF;--ink2:#BAC1D9;--ink3:#BAC1D9;
  --primary:#AAA9FF;--primary-soft:rgba(73,81,191,.2);--line:rgba(131,147,217,.35);
  --chip:rgba(9,15,31,.38);--input-line:#687494;--action:#5267F6;--on-action:#fff;
  color-scheme:dark;
  min-height:100dvh;position:relative;isolation:isolate;
  padding:26px max(24px,calc((100% - 1256px)/2)) 0;
  background:#0C1325 url('/hunters/partner-background.webp') center top / cover no-repeat;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;
}
.partner-header{min-height:52px}
.out .brand{font-size:27px;letter-spacing:-.035em;gap:16px}
.partner-icon{width:50px;height:50px;border-radius:14px}
.partner-header nav{gap:28px}
.partner-header nav a{font-size:14px;color:#C4CBEB}
.partner-header nav .partner-download{background:rgba(42,50,73,.45);border-color:#53618E;color:#F2F4FF;padding:13px 22px}
.signup{grid-template-columns:minmax(0,1fr) 520px;gap:40px;padding:20px 0 30px}
.partner-story{position:relative;gap:0;padding-top:42px}
.partner-intro{position:relative;z-index:1}
.partner-label{display:inline-block;padding:7px 20px;border:1px solid #7175ED;border-radius:16px;background:rgba(44,38,105,.38);color:#ADAFFF;font-size:16px;letter-spacing:.02em;margin-bottom:20px}
.signup h1{font-size:clamp(54px,4.7vw,78px);line-height:1.24;font-weight:800;letter-spacing:-.055em}
.signup h1 span{width:fit-content;color:#A6A7FF;background:linear-gradient(105deg,#C6A2FF 5%,#789BF8 64%,#AFA5FF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.partner-lede{font-size:18px;line-height:1.8;max-width:29em;margin-top:24px;color:#D0D6EA}
.partner-lede > span{display:block}
.partner-about{font-size:13px;min-height:28px;margin-top:8px}
.talent-art{position:absolute;right:-17px;top:198px;width:292px;height:auto;max-width:none;z-index:0;pointer-events:none;opacity:.88}
.partner-process{position:relative;z-index:1;margin-top:27px;max-width:420px}
.partner-process h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.steps{gap:18px}
.step{gap:0;align-items:center}
.step i{width:42px;height:42px;background:rgba(53,63,141,.46);border:1px solid rgba(104,122,222,.22);font-size:21px;font-weight:750;flex-shrink:0}
.step-symbol{width:62px;height:62px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(43,59,112,.65),rgba(25,35,65,.6));border:1px solid rgba(114,138,239,.35);box-shadow:inset 0 1px 1px rgba(206,211,255,.08);margin-right:18px}
.step-symbol .partner-glyph{width:30px;height:30px;color:#8F9AFF;filter:drop-shadow(0 2px 5px rgba(61,92,252,.55))}
.step b{font-size:16px;line-height:1.65;color:#F3F5FF}
.step span{font-size:13px;line-height:1.8;color:#BAC1D9;margin-top:2px}
.partner-promise{margin-top:28px;padding-top:17px;border-top:1px solid rgba(128,143,202,.3);font-size:13px;gap:12px;line-height:1.8}
.partner-promise .partner-glyph{width:21px;height:21px;color:#A7A5FF;flex:none}
.partner-facts{display:grid;grid-template-columns:1fr 1.15fr 1fr;margin:28px 0 0;gap:12px}
.partner-facts > div + div{border-left:1px solid rgba(124,138,203,.3);padding-left:16px}
.partner-facts dt{font-size:19px;font-weight:750;color:#A49EFF;white-space:nowrap}
.partner-facts dd{margin:4px 0 0;font-size:12px;color:#BAC1D9}
.authcard{border:1px solid rgba(120,143,236,.55);border-radius:24px;padding:32px 36px 22px;gap:22px;background:linear-gradient(150deg,rgba(48,64,108,.56),rgba(25,32,50,.84) 35%,rgba(26,35,57,.76));box-shadow:0 24px 64px rgba(0,4,18,.28),inset 0 1px 1px rgba(198,210,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.auth-heading{display:flex;gap:18px;align-items:center}
.auth-heading-icon{width:62px;height:62px;flex:none;display:grid;place-items:center;border:1px solid rgba(94,122,232,.65);border-radius:16px;background:linear-gradient(145deg,rgba(55,72,156,.62),rgba(21,30,59,.78))}
.auth-heading-icon .partner-glyph{width:32px;height:32px;color:#ADB0FF;filter:drop-shadow(0 3px 7px rgba(70,84,255,.5))}
.auth-heading h2{font-size:27px;font-weight:750;letter-spacing:-.025em;white-space:nowrap}
.auth-heading p{font-size:13px;line-height:1.75;margin-top:5px;color:#C3CBE4}
.tabs{padding:3px;background:rgba(7,13,27,.25);border:1px solid #5A6787;border-radius:14px}
.tabs a{padding:11px 0;font-size:14px;color:#BAC4EB;border-radius:11px}
.tabs a[aria-current="page"]{background:linear-gradient(105deg,#746CF6,#3E50F2);color:#fff;box-shadow:0 2px 12px rgba(49,61,225,.3),inset 0 1px 1px rgba(228,231,255,.17)}
.stack{gap:20px}
.out .f{gap:6px}
.out .f > label{font-size:14px;line-height:1.4;font-weight:650}
.out .f .req{color:#FF8D9E}
.partner-input{position:relative}
.partner-input > .partner-glyph{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:21px;height:21px;color:#B5C2E9;pointer-events:none}
.out .f input{min-height:46px;padding:0 14px 0 52px;border-radius:12px;background:rgba(37,46,67,.43);border:1px solid #687494;font-size:15px;color:#F5F6FF;box-shadow:inset 0 1px 2px rgba(0,4,18,.08)}
.out .f input::placeholder{color:#AFB8D2;font-size:14px}
.out .f .help{color:#ACB7D4;font-size:12px;line-height:1.5}
.out .pbtn.pri{min-height:50px;background:linear-gradient(105deg,#8490FF,#4E60F6 65%,#657FFE);border:1px solid #8499FF;border-radius:13px;font-size:15px;gap:16px;box-shadow:0 7px 25px rgba(31,50,221,.22),inset 0 1px 1px rgba(235,239,255,.22);color:#fff}
.out .pbtn.pri:hover{filter:brightness(1.1)}
.out .pbtn.pri > .partner-glyph{width:24px;height:24px;color:#fff}
.out .legal{border:0;padding-top:0;margin-top:-10px;font-size:11px;line-height:1.6;color:#B4BEDA}
.partner-data{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin-top:-10px;color:#B4BEDA;font-size:11px;line-height:1.65}
.partner-data .partner-glyph{width:14px;height:14px;margin-top:2px;flex:none;color:#B7C6F7}
.partner-footer{border-color:rgba(110,125,188,.22);padding:16px 0 20px;font-size:11px;color:#A5AFD0}
.partner-footer a{color:#A5AFD0}
.partner-glyph{display:inline-block;width:18px;height:18px;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat;flex:none}
.glyph-envelope{mask-image:url('/hunters/icons/envelope.svg');-webkit-mask-image:url('/hunters/icons/envelope.svg')}
.glyph-user{mask-image:url('/hunters/icons/user.svg');-webkit-mask-image:url('/hunters/icons/user.svg')}
.glyph-briefcase{mask-image:url('/hunters/icons/briefcase.svg');-webkit-mask-image:url('/hunters/icons/briefcase.svg')}
.glyph-link{mask-image:url('/hunters/icons/link.svg');-webkit-mask-image:url('/hunters/icons/link.svg')}
.glyph-file-text{mask-image:url('/hunters/icons/file-text.svg');-webkit-mask-image:url('/hunters/icons/file-text.svg')}
.glyph-shield-check{mask-image:url('/hunters/icons/shield-check.svg');-webkit-mask-image:url('/hunters/icons/shield-check.svg')}
.glyph-arrow-right{mask-image:url('/hunters/icons/arrow-right.svg');-webkit-mask-image:url('/hunters/icons/arrow-right.svg')}
.glyph-lock-key{mask-image:url('/hunters/icons/lock-key.svg');-webkit-mask-image:url('/hunters/icons/lock-key.svg')}
.glyph-arrow-square-out{mask-image:url('/hunters/icons/arrow-square-out.svg');-webkit-mask-image:url('/hunters/icons/arrow-square-out.svg')}
.glyph-users-fill{mask-image:url('/hunters/icons/users-fill.svg');-webkit-mask-image:url('/hunters/icons/users-fill.svg')}
.glyph-user-fill{mask-image:url('/hunters/icons/user-fill.svg');-webkit-mask-image:url('/hunters/icons/user-fill.svg')}
.glyph-file-text-fill{mask-image:url('/hunters/icons/file-text-fill.svg');-webkit-mask-image:url('/hunters/icons/file-text-fill.svg')}
.glyph-paper-plane-tilt-fill{mask-image:url('/hunters/icons/paper-plane-tilt-fill.svg');-webkit-mask-image:url('/hunters/icons/paper-plane-tilt-fill.svg')}
@media (max-width:1350px) and (min-width:901px){
  .signup{grid-template-columns:minmax(0,1fr) 480px;gap:32px}
  .talent-art{width:250px;right:-14px;top:215px;opacity:.72}
  .partner-lede{max-width:25em;font-size:16px}
  .authcard{padding-inline:30px}
}
@media (max-width:1100px) and (min-width:901px){
  .signup{grid-template-columns:minmax(0,1fr) 440px;gap:28px}
  .signup h1{font-size:54px}
  .talent-art{width:185px;right:-12px;top:278px;opacity:.35}
  .authcard{padding-inline:24px}
  .auth-heading{gap:12px}.auth-heading-icon{width:50px;height:50px}.auth-heading h2{font-size:24px}
  .step-symbol{width:50px;height:50px;margin-right:12px}.step i{width:34px;height:34px;font-size:17px}
  .partner-facts dt{font-size:15px}.partner-facts > div + div{padding-left:10px}
}
@media (max-width:900px){
  .out,:root[data-theme="dark"] .out,:root:not([data-theme="light"]) .out{padding:20px 20px 0;background-position:35% top}
  .signup{display:flex;flex-direction:column;padding-top:34px;gap:28px}
  .partner-story{display:contents}
  .partner-intro{order:1;width:100%}
  .authcard{order:2;width:100%;padding:26px 24px 22px}
  .talent-art{order:3;position:static;width:210px;height:auto;align-self:center;opacity:.9;margin:-2px 0 -6px}
  .partner-process{order:4;max-width:none;width:100%;margin:0}
  .partner-label{font-size:12px;padding:6px 12px;border-radius:12px;margin-bottom:18px}
  .signup h1{font-size:clamp(38px,7.5vw,58px)}
  .partner-lede{font-size:15px;max-width:36em;margin-top:18px}
  .partner-about{margin-top:8px}
  .out .brand{font-size:21px;gap:10px}
  .partner-icon{width:40px;height:40px;border-radius:11px}
  .partner-header nav{gap:12px}
  .partner-header nav > a:first-child{display:none}
  .partner-header nav .partner-download{font-size:12px;padding:10px 12px}
  .auth-heading{gap:12px}.auth-heading-icon{width:48px;height:48px;border-radius:13px}
  .auth-heading-icon .partner-glyph{width:26px;height:26px}
  .auth-heading h2{font-size:23px}
  .auth-heading p{font-size:12px}
  .out .f input{font-size:16px;min-height:48px}
  .out .f input::placeholder{font-size:13px}
  .partner-facts{max-width:500px}.partner-facts dt{font-size:16px}.partner-facts > div + div{padding-left:10px}
  .partner-process h2{position:static;clip-path:none;width:auto;height:auto;margin-bottom:20px;font-size:16px}
  .partner-footer nav{gap:14px}
}
@media (max-width:380px){
  .out,:root[data-theme="dark"] .out,:root:not([data-theme="light"]) .out{padding-inline:16px}
  .out .brand{font-size:18px;gap:8px}.partner-icon{width:34px;height:34px}
  .signup h1{font-size:36px}.authcard{padding-inline:18px}
  .auth-heading h2{font-size:21px}.auth-heading-icon{width:42px;height:42px}
  .step-symbol{width:48px;height:48px;margin-right:12px}.step i{width:34px;height:34px;font-size:17px}
  .step b{font-size:15px}.partner-facts dt{font-size:14px}.partner-facts dd{font-size:11px}
}
@supports not (backdrop-filter:blur(1px)){.authcard{background:#1B243C}}
@media (prefers-reduced-transparency:reduce){.authcard{background:#1B243C;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media (forced-colors:active){.signup h1 span{-webkit-text-fill-color:CanvasText;background:none}.partner-glyph{forced-color-adjust:none}.authcard,.tabs,.out .f input{border:1px solid CanvasText}}

/* Raster backdrop belongs to the first screen and does not stretch with the introduction. */
.out,:root[data-theme="dark"] .out,:root:not([data-theme="light"]) .out{background-image:none}
.out::before{content:"";position:absolute;inset:0 0 auto;height:max(940px,100dvh);background:url('/hunters/partner-background.webp') center top/cover no-repeat;z-index:-1;pointer-events:none}
.portal-introduction{padding:60px 0 70px;border-top:1px solid rgba(128,143,202,.25)}
.portal-intro-heading{max-width:680px}
.portal-eyebrow{font-size:13px;font-weight:650;color:#A8ABFF;margin-bottom:12px}
.portal-intro-heading h2{font-size:38px;line-height:1.3;letter-spacing:-.035em;margin:0}
.portal-intro-heading > p:last-child{font-size:15px;line-height:1.9;color:#BEC7E1;margin-top:16px}
.portal-tabs{display:flex;gap:8px;margin-top:30px;padding:5px;border:1px solid rgba(116,138,210,.4);background:rgba(12,18,37,.5);border-radius:15px;width:fit-content}
.portal-tabs button{padding:12px 22px;color:#BCC6E5;font-weight:650;font-size:14px;border-radius:10px}
.portal-tabs button[aria-selected="true"]{background:#5964DF;color:white;box-shadow:0 3px 12px rgba(15,20,80,.25)}
.portal-tabs button:hover{color:#fff}
.portal-panel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start;margin-top:28px}
.portal-copy{padding-top:22px}
.portal-copy h3{font-size:23px;line-height:1.55;letter-spacing:-.02em;max-width:12em}
.portal-description{font-size:14px;line-height:1.9;color:#BBC6E2;margin-top:16px}
.portal-points{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:15px}
.portal-points li{display:flex;gap:9px;color:#D4DBF0;font-size:13px;line-height:1.65;align-items:flex-start}
.portal-points .partner-glyph{width:16px;height:16px;margin-top:3px;color:#ACAFFF}
.portal-frame{margin:0;padding:6px;border:1px solid #4B5D90;border-radius:16px;background:rgba(39,52,88,.55);box-shadow:0 20px 60px rgba(0,3,17,.24);overflow:hidden}
.portal-screen{display:block;width:100%;height:auto;border-radius:10px;aspect-ratio:1280/850;background:#0E1016;object-fit:contain}
.portal-frame figcaption{font-size:11px;line-height:1.8;color:#BCC6E5;padding:10px 8px 4px;text-align:center}
.portal-intro-actions{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:30px;padding-top:22px;border-top:1px solid rgba(128,143,202,.2)}
.portal-intro-actions > p{font-size:12px;color:#B8C2DF;line-height:1.8;max-width:32em}
.portal-intro-actions > div{display:flex;gap:10px;flex-wrap:wrap}
.portal-download,.portal-apply{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-size:13px;font-weight:650;border-radius:12px;padding:10px 16px;text-decoration:none;white-space:nowrap}
.portal-download{color:#D0D7F1;border:1px solid #63729D;background:rgba(41,54,84,.5)}
.portal-apply{color:white;background:#5263D9;border:1px solid #7B8AEA}
@media (max-width:1000px){.portal-panel{grid-template-columns:minmax(0,1fr)}.portal-copy{padding-top:0}.portal-copy h3{max-width:none}.portal-points{flex-direction:row;flex-wrap:wrap;gap:12px 24px;margin-top:18px}.portal-description{max-width:48em}.portal-intro-actions{align-items:flex-start}}
@media (max-width:600px){.portal-introduction{padding:38px 0 42px}.portal-intro-heading h2{font-size:29px}.portal-intro-heading > p:last-child{font-size:14px}.portal-tabs{width:100%;gap:2px;padding:4px}.portal-tabs button{flex:1;padding:10px 4px;font-size:12px;white-space:nowrap}.portal-panel{gap:22px}.portal-copy h3{font-size:21px}.portal-points{flex-direction:column}.portal-intro-actions{flex-direction:column;gap:16px}.portal-intro-actions > div{width:100%}.portal-download,.portal-apply{flex:1;padding-inline:10px;font-size:12px}.portal-frame figcaption{font-size:10px}}