@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--bg:#07111f;--panel:#111f33;--panel2:#15253b;--line:#304158;--gold:#eac17b;--muted:#a8b9cd;--text:#f2f5fb}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 85% -10%,#1a304b 0,#07111f 42%);color:var(--text);font:14px Cairo,Tahoma,sans-serif}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.shell{max-width:1500px;margin:auto;min-height:100vh;padding:0 28px}
.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:56px;height:56px;border:1px solid #eac17b55;border-radius:12px;object-fit:cover}
.brand strong{display:block;color:var(--gold);font:800 24px Arial,sans-serif;letter-spacing:2px}
.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.top-actions{display:flex;align-items:center;gap:12px}
.back{color:#d6e0ec;text-decoration:none;border-bottom:1px solid #d6e0ec66}
.language{border:1px solid #b99559;background:#25364c;color:#f5dcaa;border-radius:9px;padding:8px 13px;font:700 12px Arial,Tahoma,sans-serif}
main{max-width:1150px;margin:auto;padding:36px 0 80px}
.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}
.eyebrow{font:700 11px Arial,sans-serif;letter-spacing:2px;color:var(--gold)}
h1{font-size:32px;margin:9px 0 8px}
.hero p{margin:0;color:var(--muted);line-height:1.8}
.hero-mark{color:var(--gold);font:800 38px Arial,sans-serif;white-space:nowrap}
.hero-mark span{color:#6f849e;font-size:21px}
.warning{display:flex;gap:10px;align-items:start;background:#392d1c;border:1px solid #886842;border-radius:12px;color:#f8dfac;padding:14px 18px;line-height:1.8;margin-bottom:25px}
.warning strong{white-space:nowrap;color:#ffe2a0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:0 0 22px;padding:0}
.steps li{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#102039;color:#8fa4bc;min-width:0}
.steps li span{font:700 13px Arial,sans-serif;color:#7890aa}
.steps li b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.steps li.current{color:#f6dfad;border-color:#ad8550;background:#253349}
.steps li.current span,.steps li.done span{color:var(--gold)}
.steps li.done{border-color:#5b765f;color:#b7d7c6}
.panel{background:linear-gradient(150deg,#14243a,#0f1d30);border:1px solid var(--line);border-radius:18px;padding:28px}
.step[hidden],#success[hidden],#finish[hidden]{display:none!important}
.section-head{display:flex;align-items:center;gap:15px;margin-bottom:21px}
.number{width:48px;height:48px;border-radius:13px;background:#2d3e55;color:var(--gold);display:grid;place-items:center;font:800 17px Arial,sans-serif;flex:none}
h2{font-size:21px;margin:0 0 4px}
.section-head p{margin:0;color:var(--muted);font-size:13px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.fields label{display:grid;gap:7px;color:#d0daea;font-size:13px}
.fields .wide{grid-column:1/-1}
.fields input,.fields select{width:100%;min-width:0;background:#09192b;color:#f2f5fb;border:1px solid #455a75;border-radius:9px;padding:11px 12px;outline:none}
.fields input:focus,.fields select:focus,.file input:focus-visible,.ack input:focus-visible,.controls button:focus-visible{border-color:var(--gold);outline:2px solid #eac17b77;outline-offset:2px}
input::placeholder{color:#70859c}
.documents{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.documents h3{font-size:16px;margin:0 0 4px;color:var(--gold)}
.documents p{color:var(--muted);margin:0 0 16px;line-height:1.8}
.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.file{display:grid;gap:9px;background:#0e2035;border:1px dashed #62758c;border-radius:11px;padding:15px;color:#d9e3ef;min-width:0}
.file input{width:100%;font-size:11px;max-width:100%}
.file small{color:var(--muted);overflow-wrap:anywhere}
.file.invalid{border-color:#e18e94}
.review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:18px 0}
.review article{background:#0b1b2e;border:1px solid var(--line);border-radius:10px;padding:13px}
.review strong{display:block;color:#9fb4cc;font-size:11px;font-weight:500}
.review span{display:block;overflow-wrap:anywhere;margin-top:4px;font-weight:700}
.ack{display:flex;align-items:start;gap:9px;line-height:1.7;color:#e4edf6;margin-top:16px}
.ack input{margin-top:5px;accent-color:#dcb774}
.form-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px}
#form-error{color:#ffb5b8;min-height:22px;margin:0}
.controls{display:flex;gap:10px;flex:none}
.controls button,.link-button{border-radius:9px;padding:11px 21px;border:1px solid #5a6f89;background:#1b3048;color:#e7edf6;text-decoration:none;font-weight:700}
.controls .primary,.link-button.primary{background:linear-gradient(120deg,#f1d29b,#d3a35c);color:#14243a;border-color:#d3a35c}
.controls button:disabled{opacity:.45;cursor:not-allowed}
.success{text-align:center;margin-top:24px;padding:55px 25px}
.success-icon{width:60px;height:60px;border-radius:50%;background:#1e463f;color:#8be6bf;display:grid;place-items:center;font-size:30px;margin:0 auto 20px}
.success p{max-width:700px;margin:10px auto 28px;color:var(--muted);line-height:1.9}
footer{text-align:center;color:#7990aa;font-size:11px;padding:0 0 35px}
html[lang=en] body{font-family:Arial,Tahoma,sans-serif}
html[lang=en] .fields label,html[lang=en] .file,html[lang=en] .review{text-align:left}
@media(max-width:780px){.shell{padding:0 16px}.topbar{height:76px}.brand img{width:45px;height:45px}.brand strong{font-size:20px}.back{display:none}main{padding-top:25px}.hero-mark{display:none}h1{font-size:25px}.warning{display:block}.warning strong{display:block}.steps{grid-template-columns:repeat(2,1fr)}.panel{padding:19px}.fields,.review{grid-template-columns:1fr}.fields .wide{grid-column:auto}.file-grid{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch}.controls{justify-content:space-between}.controls button{flex:1}}