/* IXH — Defense access gate */
.access{--accent:#d4af37;--accent-2:#edcb5c;--on-accent:#0b0f14;--fg:#f3f5f7;--muted:#9aa4ae;--line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.22);
  background:#07090c;color:var(--fg);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}
.ac-bg{position:fixed;inset:0;z-index:-2;background:
  linear-gradient(90deg,rgba(7,9,12,.97) 0%,rgba(7,9,12,.86) 45%,rgba(7,9,12,.7) 100%),
  url('https://images.hostinger.com/f7d4e9ae-84ec-45e4-92ec-dc236fe8b35f.png') 70% 55%/cover no-repeat,#0b0f14;filter:saturate(.45)}
html[dir=rtl] .ac-bg{background:
  linear-gradient(270deg,rgba(7,9,12,.97) 0%,rgba(7,9,12,.86) 45%,rgba(7,9,12,.7) 100%),
  url('https://images.hostinger.com/f7d4e9ae-84ec-45e4-92ec-dc236fe8b35f.png') 30% 55%/cover no-repeat,#0b0f14}
.ac-grid{position:fixed;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:linear-gradient(rgba(212,175,55,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.6) 1px,transparent 1px);background-size:64px 64px;
  mask-image:radial-gradient(ellipse at 50% 45%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 0%,transparent 70%)}

.ac-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 5vw}
.ac-brand img{height:46px;width:auto}
.ac-tools{display:flex;align-items:center;gap:18px}
.ac-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;color:#c3cad1;transition:color .2s}
.ac-back:hover{color:var(--accent)}
.lang-switch{background:rgba(11,15,20,.6)}

.ac-main{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 5vw 48px}
.ac-card{width:100%;max-width:1180px;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,90px);align-items:center;animation:ac-in .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes ac-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

.ac-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.ac-badge{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:7px 13px;border:1px solid rgba(255,59,48,.45);background:rgba(255,59,48,.08);font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ff8a80}
.ac-dot{width:7px;height:7px;border-radius:50%;background:#ff3b30;box-shadow:0 0 8px #ff3b30;animation:ac-blink 1.2s ease-in-out infinite}
@keyframes ac-blink{50%{opacity:.25}}
.ac-info h1{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(46px,6.2vw,92px);line-height:.98;margin:22px 0 24px;letter-spacing:-.005em}
.ac-info h1 em{color:var(--accent);display:block}
.ac-lead{font-size:clamp(15px,1.35vw,18px);line-height:1.75;color:#cfd5db;max-width:560px}
.ac-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:0;max-width:560px;border-top:1px solid var(--line)}
.ac-steps li{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.ac-steps span{font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.14em;color:var(--accent);min-width:26px;padding-top:1px}
.ac-steps b{display:block;font-size:14px;font-weight:600;color:var(--fg)}
.ac-steps small{display:block;font-size:13px;color:var(--muted);margin-top:3px;line-height:1.5}

.ac-panel{display:flex;flex-direction:column;gap:16px}
.ac-mail{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid rgba(212,175,55,.4);background:rgba(212,175,55,.08);transition:background .25s,border-color .25s}
.ac-mail:hover{background:rgba(212,175,55,.16);border-color:var(--accent)}
.ac-mail-ico{flex:none;width:46px;height:46px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent)}
.ac-mail-txt{flex:1;min-width:0}
.ac-mail-txt small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.ac-mail-txt b{display:block;font-size:clamp(16px,1.6vw,19px);font-weight:600;color:#fff;margin-top:3px;overflow-wrap:anywhere}
.ac-mail-arr{color:var(--accent);flex:none}

.ac-form{position:relative;display:flex;flex-direction:column;gap:12px;padding:34px 32px 26px;background:rgba(13,17,23,.82);border:1px solid var(--line-strong);border-top:2px solid var(--accent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.ac-lock{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.45);color:var(--accent);background:rgba(212,175,55,.06);margin-bottom:8px}
.ac-shackle{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.ac-form.granted .ac-shackle{transform:translateY(-2.5px) rotate(-18deg);transform-origin:16px 10.5px}
.ac-form.granted .ac-lock{color:#5fd08a;border-color:rgba(95,208,138,.6);background:rgba(95,208,138,.08)}
.ac-form label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.ac-input{position:relative}
.ac-input input{width:100%;height:56px;padding:0 54px 0 18px;background:#06080b;border:1px solid var(--line-strong);color:#fff;font-size:16px;letter-spacing:.06em;transition:border-color .2s,box-shadow .2s}
.ac-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(212,175,55,.15)}
.ac-eye{position:absolute;top:0;right:0;width:52px;height:56px;display:grid;place-items:center;background:none;border:0;color:var(--muted)}
.ac-eye:hover{color:var(--fg)}
.ac-eye .ac-slash{opacity:0}.ac-eye.on .ac-slash{opacity:1}
.ac-submit{margin-top:6px;height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:var(--accent);color:var(--on-accent);border:0;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,gap .3s}
.ac-submit:hover{background:var(--accent-2)}
.ac-submit:disabled{opacity:.65;cursor:wait}
.ac-msg{min-height:20px;font-size:13px;color:var(--muted)}
.ac-msg.err{color:#f07b7b}.ac-msg.ok{color:#5fd08a}
.ac-form.shake{animation:ac-shake .42s}
@keyframes ac-shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.ac-note{font-size:12px;line-height:1.6;color:#7f8a95}

.ac-footer{display:flex;justify-content:space-between;gap:16px;padding:16px 5vw;font-size:11px;color:#7f8a95;letter-spacing:.06em;border-top:1px solid rgba(255,255,255,.06)}
.ac-footer a:hover{color:#fff}

html[lang=ar] .ac-eyebrow,html[lang=ar] .ac-badge,html[lang=ar] .ac-form label,html[lang=ar] .ac-mail-txt small,html[lang=ar] .ac-submit{letter-spacing:0;font-size:13px}
html[lang=ar] .ac-info h1{font-family:'Cairo',sans-serif;font-weight:800;line-height:1.25;font-size:clamp(38px,4.8vw,70px)}
html[lang=ru] .ac-info h1{font-size:clamp(38px,4.8vw,72px)}
html[dir=rtl] .ac-input input{padding:0 18px 0 54px}
html[dir=rtl] .ac-eye{right:auto;left:0}

@media (max-width:900px){
  .ac-card{grid-template-columns:1fr;gap:34px}
  .ac-steps{margin-top:26px}
  .ac-brand img{height:38px}
  .ac-back span{display:none}
}
@media (max-width:520px){
  .ac-header{padding:16px 5vw}
  .ac-main{padding:16px 5vw 36px}
  .ac-form{padding:26px 20px 20px}
  .ac-info h1{font-size:clamp(36px,11vw,48px)!important}
  .ac-mail{padding:14px}
  .ac-mail-ico{width:40px;height:40px}
  .ac-footer{flex-direction:column;align-items:center;text-align:center;gap:4px}
}
@media (prefers-reduced-motion:reduce){.ac-card,.ac-dot,.ac-form.shake{animation:none}}

/* mobile polish */
.ac-card>*{min-width:0}
.ac-info h1{overflow-wrap:break-word;hyphens:auto}
@media (max-width:520px){
  html[lang=ru] .ac-info h1{font-size:clamp(24px,7.6vw,40px)!important;hyphens:none}
  .ac-tools{gap:10px}
  .ac-input input{font-size:16px}
}
