@font-face{font-family:AkeronIntro;src:url('../fonts/intro/Intro-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:AkeronIntro;src:url('../fonts/intro/Intro-Bold.woff') format('woff');font-weight:700;font-display:swap}

:root{--text:#eee5d6;--muted:#c0b5a4;--gold:#d4af6d;--line:#6c5737;--field:#0a1018;--error:#ffb5a9;--focus:#f4d295}
body{font-family:AkeronIntro,Arial,sans-serif;background:linear-gradient(90deg,#08101bce,#08101bea 55%,#08101bdc),url('../img/winter-20261025/castle.webp') center top/cover fixed;color:var(--text)}
.site-header{position:relative;height:86px;border-bottom:0;background:#080e18e8}
.site-header:after{content:'';position:absolute;inset:auto 0 -7px;height:9px;background:url('../img/footer-decor.png') center/1920px 9px no-repeat;pointer-events:none}
.site-nav{padding:14px 52px}
.brand{font-family:AkeronIntro,Arial,sans-serif;font-size:20px;letter-spacing:.035em;color:#ead8b8}
.back-link{font-size:14px;color:#d8c4a0}
.languages{border-color:#6b5738;border-radius:0}
.languages a{font-family:AkeronIntro,Arial,sans-serif;color:#c7bda9}
.languages a+a{border-color:#6b5738}
.languages a[aria-current=page]{background:#30291f;color:#f2ce88}
.languages a:hover{background:#3b3021}

.application-layout{max-width:1200px;margin-top:70px;grid-template-columns:minmax(0,460px) minmax(0,620px);gap:76px}
.application-intro{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;padding-top:0;text-align:center}
.hero-logo{position:relative;z-index:1;order:0;width:200px;max-width:80%;margin:0 auto -28px}
.application-intro h1{order:1;font-family:AkeronIntro,Arial,sans-serif;font-size:30px;font-weight:700;line-height:1.35;letter-spacing:.025em;text-transform:uppercase;color:#f1e8d6;margin:0 auto;max-width:430px;text-shadow:0 2px 5px #05080e}
.application-intro h1 span{display:block;margin-top:3px;color:#e0ba76;font-size:34px}
.intro-copy{order:4;font-size:16px;line-height:1.7;max-width:390px;margin:8px auto 0;color:#e2d5c0;text-shadow:0 2px 4px #050911}
.intro-note{order:2;font-size:14px;line-height:1.75;max-width:370px;margin:6px auto 0;color:#c9bda7}
.intro-rule{display:none}
.recruit-art{position:relative;isolation:isolate;order:3;width:100%;height:352px;margin-top:4px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 76%,#000c 88%,transparent 100%)}
.recruit-character{position:absolute;inset:0;width:100%;height:146.5%;max-width:100%;object-fit:contain;object-position:center top;filter:brightness(.98) saturate(.97) drop-shadow(4px 10px 12px rgba(1,6,14,.66))}
.recruit-snow{display:none}

.form-panel{position:relative;isolation:isolate;padding:28px 34px 26px;border:1px solid #8c7043;border-radius:0;background:linear-gradient(140deg,#17202b,#0d141e 55%,#111722);scroll-margin-top:80px}
.form-panel:before{content:'';position:absolute;z-index:2;top:-71px;left:-32px;right:-32px;height:90px;background:url('../img/sep-top.png') center bottom/1400px auto no-repeat;pointer-events:none}
.form-panel:after{content:'';position:absolute;z-index:0;inset:-13px;border:24px solid transparent;border-image:url('../img/big-decor.png') 30 stretch;filter:brightness(0) saturate(100%) invert(69%) sepia(26%) saturate(680%) hue-rotate(359deg) brightness(92%) contrast(88%);pointer-events:none}
.form-panel>form,.form-panel>#application-success{position:relative;z-index:1}
.steps{gap:20px;margin-bottom:22px;padding:7px 0 17px;border-bottom:1px solid #665034}
.step-button{position:relative;padding:4px 0 6px;font-family:AkeronIntro,Arial,sans-serif;font-size:14px;font-weight:400;color:#b6aa94;text-transform:uppercase;letter-spacing:.02em}
.step-button[aria-current=step]{color:#edc784;font-weight:700}
.step-button[aria-current=step]:after{content:'';position:absolute;left:0;right:0;bottom:-18px;height:2px;background:#d0a566}
.form-panel h2{font-family:AkeronIntro,Arial,sans-serif;font-size:27px;font-weight:700;line-height:1.3;letter-spacing:.025em;text-transform:uppercase;color:#f0d6a5}
.form-description{font-size:14px;line-height:1.65;color:#c3b6a0}
.form-fields{gap:18px 22px;margin-top:22px}
.field-label{font-size:16px;color:#e6d7bf}
.text-input{min-height:49px;padding:12px 13px;border:1px solid #665337;border-top-color:#383a38;border-left-color:#383a38;border-radius:0;background:#090f18;color:#f2eadf;font-family:AkeronIntro,Arial,sans-serif;font-size:17px;line-height:1.4}
.text-input::placeholder{color:#a99e8c}
.text-input:hover{border-color:#9d8150}
.text-input:focus{border-color:#d9b16c;background:#0d1420}
.text-input[aria-invalid=true]{border-color:#d18b7d}
.text-input option{background:#101722;color:#f1e4cf}
.field-hint,.optional,.character-counter{color:#b7aa94}
.field-hint{font-size:13px}
.form-group{border-top-color:#57442e;margin-top:24px;padding-top:22px}
.choice-list{gap:6px 20px}
.choice{min-height:34px;padding:5px 0;border:0;border-radius:0;background:none;color:#d6c9b4;font-size:15px;line-height:1.45}
.choice:hover{color:#f2d59f;border-color:transparent}
.choice:has(input:checked){border-color:transparent;background:none;color:#f0c880}
.choice:has(input:focus-visible){outline-offset:4px}
.choice input{appearance:none;display:inline-block;flex-shrink:0;width:14px;height:14px;margin:0 2px 0 1px;border:1px solid #a78953;border-radius:0;background:#070c13;accent-color:#d9b573}
.choice input[type=radio]{width:12px;height:12px;transform:rotate(45deg)}
.choice input[type=radio]:checked{border-color:#f4d49c;background:#d7ad63}
.choice input[type=checkbox]:checked{border-color:#ecd099;background:#8e6b32 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='%23fff0c9' stroke-width='2'/%3E%3C/svg%3E") center/14px no-repeat}
.interest-list .choice{flex-basis:44%}
.primary-action{position:relative;isolation:isolate;min-height:72px;padding:18px 38px;border:0;border-radius:0;background:none;box-shadow:none;color:#fff1d3;font-family:AkeronIntro,Arial,sans-serif;font-size:19px;font-weight:700;line-height:1.35;text-transform:uppercase;letter-spacing:.02em;transition:filter 160ms ease-out,transform 160ms ease-out}
.primary-action>svg{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.primary-action__label{position:relative;display:block;text-shadow:0 1px 2px #430d13}
.primary-action:hover:not(:disabled){filter:brightness(1.08)}
.primary-action:active:not(:disabled){transform:translateY(1px)}
.secondary-action{font-family:AkeronIntro,Arial,sans-serif;color:#d8b77e;font-size:15px}
.form-actions{gap:18px;margin-top:25px}
.error-summary{border-radius:0;border-color:#a05d4b;background:#322021;color:#f0c1ad;font-size:14px}
.error-summary a{color:#f0c1ad}
.field-error{color:#f2afa0}
.answer-row{border-color:#57442e}
.answer-row dt{color:#c2af8f}
.answer-row dd{color:#eee2ce;font-size:16px}
.success-mark{border-radius:0;border-color:#aa8d52;background:#232a25;color:#dfc58f}
.success-description{color:#ddd0b8;font-size:17px}
.success-id{color:#e4bb75}
.preview-notice{border-color:#4a4234;font-family:AkeronIntro,Arial,sans-serif;color:#b6a78d}
.preview-notice p{color:#b6a78d}
.preview-notice a{color:#d1b279}

@media(max-width:1150px){.application-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px}.application-intro h1{font-size:27px}.application-intro h1 span{font-size:31px}.hero-logo{width:200px}.form-panel{padding:26px 28px}.intro-copy{font-size:16px}.form-panel h2{font-size:25px}}
@media(max-width:900px){body{background-attachment:scroll}.application-layout{display:block;max-width:650px;width:calc(100% - 56px);margin-top:38px}.application-intro{margin:0 auto 80px}.hero-logo{width:200px;margin-bottom:-28px}.application-intro h1{font-size:25px;max-width:500px}.application-intro h1 span{font-size:29px;white-space:normal}.recruit-art{display:none}.intro-copy{max-width:520px;font-size:16px;margin-top:14px}.intro-note{max-width:500px;margin-top:8px;font-size:13px}.site-header{height:76px}.site-nav{padding:12px 24px}.form-panel{padding:27px 28px}.form-panel:before{background-size:1200px auto}.preview-notice{width:calc(100% - 56px);margin-top:24px}}
@media(max-width:520px){.application-layout{width:calc(100% - 40px);margin-top:28px}.application-intro{margin-bottom:72px}.site-nav{padding:10px 18px}.hero-logo{width:190px}.application-intro h1{font-size:23px}.application-intro h1 span{font-size:28px}.intro-copy{font-size:15px;line-height:1.7}.intro-note{font-size:12px;line-height:1.7}.form-panel{padding:25px 20px 22px}.form-panel:before{left:-15px;right:-15px;top:-60px;height:76px;background-size:1000px auto}.form-panel:after{inset:-8px;border-width:18px}.form-panel h2{font-size:23px}.steps{gap:22px;margin-bottom:22px}.step-button{font-size:12px}.field-label{font-size:15px}.text-input{font-size:16px;min-height:48px}.choice{font-size:14px;min-height:34px}.interest-list .choice{flex-basis:100%}.form-actions{gap:13px}.primary-action{min-height:68px;font-size:16px;padding:16px 24px}.secondary-action{font-size:14px}.preview-notice{width:calc(100% - 40px);font-size:11px}.back-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.primary-action{transition:none}}

@media(max-width:520px){
    .form-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px}
    .form-actions>.secondary-action{justify-self:start;padding:10px 2px}
    .form-actions>.primary-action{width:100%;min-width:0;flex:none}
}

.intro-copy.intro-rewards{display:flex;align-items:center;gap:12px;text-align:left}
.intro-rewards__icons{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 156px;width:156px}.intro-rewards__row{display:flex;justify-content:center;gap:6px}
.intro-reward-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #b8995b;background:linear-gradient(135deg,#1b2a3b,#08111f);box-shadow:inset 0 0 0 2px #0b1423,inset 0 0 0 3px #6a5734;color:#e2c181}
.intro-reward-icon svg{width:30px;height:30px}.intro-reward-icon img{width:100%;height:100%;object-fit:contain}
.intro-rewards p{margin:0;font-size:14px;line-height:1.4;color:#e2d5c0}.intro-rewards strong{font-weight:700;color:#e7c88e}
@media(max-width:520px){.intro-copy.intro-rewards{gap:10px}.intro-rewards p{font-size:13px;line-height:1.5}}

.intro-reward-icon[data-reward-icon^="consumable"] svg{opacity:.7}
@media(max-width:900px){.intro-copy.intro-rewards{margin-top:8px}}
@media(max-width:520px){.intro-rewards__icons{flex-basis:144px;width:144px}.intro-reward-icon{flex-basis:44px;width:44px;height:44px}.intro-reward-icon svg{width:28px;height:28px}}
@media(max-width:360px){.intro-rewards__icons{flex-basis:120px;width:120px}.intro-reward-icon{flex-basis:36px;width:36px;height:36px}.intro-reward-icon svg{width:24px;height:24px}}
