:root{--navy:#001a45;--blue:#002b70;--gold:#d9a441;--ink:#111827;--muted:#667085;--line:#d8dee8;--soft:#f5f8fc;--danger:#b42318}
*{box-sizing:border-box}html,body{margin:0;background:#f2f5f9;color:var(--ink);font-family:Almarai,Tahoma,Arial,sans-serif}
body{padding:24px 12px 50px}.wrap{max-width:1120px;margin:auto}
.hero{background:linear-gradient(135deg,#001a45,#002b70);color:#fff;border-radius:20px;padding:20px 28px;display:grid;grid-template-columns:105px 1fr 125px;align-items:center;gap:22px;box-shadow:0 14px 38px rgba(0,26,69,.18);border-bottom:4px solid var(--gold)}
.hero img{width:100%;height:84px;object-fit:contain}.hero div{text-align:center}.hero span{color:#f0c65e;font-size:13px;font-weight:800}.hero h1{margin:5px 0;font-size:25px;line-height:1.5}.hero p{margin:0;font-size:13px}
.step{display:none}.step.active{display:block}.card,.browser-tools{background:#fff;border:1px solid #e0e5ed;border-radius:18px;box-shadow:0 8px 26px rgba(0,43,112,.06)}
.card{margin-top:20px;padding:24px}.section-title{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e7ebf1;padding-bottom:14px;margin-bottom:18px}
.section-title>b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#f0c65e;font-family:Arial,sans-serif}
.section-title h2{margin:0;color:var(--navy);font-size:19px}.section-title p{margin:5px 0 0;color:var(--muted);font-size:12px}
.requirements{margin:0;padding:0 24px 0 0;line-height:2.05;font-size:14px}.requirements li{padding:4px 2px}.requirements li::marker{font-weight:800;color:#111}
.subreq{padding-right:10px}.alert{margin:8px 0;padding:10px 13px;background:#fff4f2;border-right:4px solid #d92d20;color:#8b1e16;border-radius:8px;font-weight:700}
.final-note{margin:16px 0 0;padding:12px 15px;background:#f4f7fb;border-right:4px solid var(--gold);font-weight:800;color:var(--navy);border-radius:8px}
.accept{margin-top:20px;padding:14px 16px;border:1px solid #d7deea;border-radius:12px;display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy);background:#fbfcfe}.accept input{width:19px;height:19px;accent-color:var(--navy)}
.step-actions,.bottom-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn,.tool-buttons button{border:0;border-radius:11px;min-height:44px;padding:10px 18px;font-family:inherit;font-weight:800;cursor:pointer}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{background:#eef2f7;color:var(--navy);border:1px solid #d8dee8}
.browser-tools{margin-top:20px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-right:5px solid var(--gold)}.browser-tools>div:first-child{display:flex;flex-direction:column;gap:4px}.browser-tools b{color:var(--navy)}.browser-tools span{font-size:11px;color:var(--muted)}.tool-buttons{display:flex;gap:8px;flex-wrap:wrap}.tool-buttons button{min-height:38px;padding:7px 12px;background:#fff;color:var(--navy);border:1px solid #d6dce6;font-size:12px}.tool-buttons button:first-child{background:var(--navy);color:#fff}.tool-buttons .danger{color:var(--danger);border-color:#f1c7c3;background:#fffafa}
.form-card{padding:20px 22px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}.c12{grid-column:span 12}.c6{grid-column:span 6}.c4{grid-column:span 4}.c3{grid-column:span 3}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:800;color:#344054}.field input,.field select{width:100%;height:44px;border:1px solid #cfd7e3;border-radius:10px;background:#fff;padding:8px 11px;font:700 13px Almarai,Tahoma,Arial,sans-serif;color:#111827;outline:none}.field input:focus,.field select:focus{border-color:#5b77a8;box-shadow:0 0 0 3px rgba(0,43,112,.08)}.hidden{display:none!important}.evening-hint{display:block;margin-top:9px;padding:8px 10px;border:1px solid #e0bd70;border-right:4px solid #9a6410;border-radius:8px;background:#fff8e7;color:#583800;font-size:11px;font-weight:700;line-height:1.8}.evening-hint b{font-weight:800}
@media(max-width:760px){body{padding:10px 8px 30px}.hero{grid-template-columns:62px 1fr 70px;padding:15px 10px;gap:8px;border-radius:14px}.hero img{height:58px}.hero h1{font-size:17px}.hero p{font-size:10px}.card{padding:15px 12px;border-radius:14px}.section-title h2{font-size:16px}.requirements{font-size:12px;padding-right:18px}.browser-tools{align-items:stretch;flex-direction:column}.tool-buttons{display:grid;grid-template-columns:1fr}.grid{gap:10px}.c3,.c4,.c6,.c12{grid-column:span 12}.bottom-actions,.step-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}}

/* v3.3: instructions content only */
.requirements-v33{padding:0;margin:0}.requirements-v33 .req-group{margin:0 0 18px}.requirements-v33 .req-group h3{margin:0 0 9px;padding:9px 13px;font-size:17px;font-weight:800;color:#001a45;background:#f5f8fc;border-right:4px solid #d9a441;border-radius:9px}.requirements-v33 ul{margin:0;padding:0 25px 0 0}.requirements-v33 li{margin:6px 0;line-height:1.95}.requirements-v33 .final-note-v33{display:flex;flex-direction:column;gap:3px;text-align:center;margin-top:18px}.requirements-v33 .latin{font-family:Arial,sans-serif}

.recovery-entry{max-width:1180px;margin:16px auto 0;background:#fff;border:1px solid #dfe5ef;border-right:5px solid #d9a441;border-radius:14px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.recovery-entry b,.recovery-entry span{display:block}.recovery-entry b{color:#001a45;margin-bottom:4px}.recovery-entry span{font-size:11px;color:#6f7d92}.recovery-box{max-width:1180px;margin:12px auto;background:#fff;border:1px solid #dfe5ef;border-radius:14px;padding:16px}.recovery-head{display:flex;justify-content:space-between;align-items:center;color:#001a45;margin-bottom:12px}.recovery-head button{border:0;background:#eef2f7;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:20px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.recovery-status{font-size:12px;margin-top:10px;color:#287044}.recovery-status.error{color:#a53333}.recovery-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,20,52,.72);display:grid;place-items:center;padding:18px}.recovery-modal[hidden]{display:none}.recovery-modal-card{width:min(520px,100%);background:#fff;border-radius:20px;padding:25px;text-align:center;border-top:5px solid #d9a441}.success-mark{width:54px;height:54px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#eaf7ef;color:#247044;font-size:28px;font-weight:900}.credential{margin-top:11px;padding:11px;border:1px solid #dfe5ef;border-radius:12px;background:#f8fafd}.credential span{display:block;color:#6f7d92;font-size:10px}.credential b{display:block;margin-top:5px;color:#002b70;font-family:Arial,sans-serif;font-size:17px}.credential.secret{background:#fffaf0;border-color:#e8d39d}.modal-actions{display:flex;gap:9px;justify-content:center;margin-top:16px}@media(max-width:760px){.recovery-entry{align-items:stretch;flex-direction:column}.recovery-grid{grid-template-columns:1fr}.modal-actions{display:grid;grid-template-columns:1fr}}