/* HP1 RP — البوابة العسكرية | تنسيق خاص بواجهة الدخول والقوانين فقط */
body:has(.military-landing){background:#090909}
body.ml-dialog-open{overflow:hidden}
.military-landing{--ml-gold:var(--gold,#d4a94f);--ml-muted:#b6b1a8;isolation:isolate;min-height:100svh;position:relative;color:#f7f6f2;font-family:'Tajawal','IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;overflow:hidden}
.ml-background,.ml-vignette{position:fixed;inset:0;pointer-events:none;z-index:-2}
.ml-background{inset:-9px;background:url('/hp1-checkpoint-dusk.png') center center / cover no-repeat;filter:brightness(.67) saturate(.78) blur(1.9px);transform:scale(1.015)}
.ml-vignette{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.31),rgba(0,0,0,.14) 45%,rgba(0,0,0,.27) 100%),linear-gradient(180deg,rgba(5,7,9,.13) 0%,rgba(5,6,7,.08) 37%,rgba(5,6,7,.42) 77%,rgba(3,4,5,.84) 100%)}
.ml-frame{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(26px,4.1vw,74px)}
.ml-header{height:83px;flex:0 0 auto;border-bottom:1px solid rgba(213,171,81,.22);display:flex;align-items:center;justify-content:flex-start}
.ml-header-brand{display:flex;align-items:center;gap:15px;min-width:0}
.ml-logo{font-family:Arial,'Segoe UI',sans-serif;display:inline-block;font-weight:1000;white-space:nowrap;letter-spacing:-3.4px;line-height:1;color:#fff}
.ml-logo span{color:#edbb55}
.ml-logo-header{font-size:31px}
.ml-header-divider{height:28px;width:1px;background:var(--ml-gold);opacity:.72}
.ml-header-label{font-size:13px;font-weight:850;text-shadow:0 2px 8px #000}
.ml-main{width:100%;max-width:1370px;margin:0 auto;flex:1;min-height:690px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);align-items:center;padding:28px 0 42px}
.ml-intro{width:min(100%,480px);justify-self:start;display:flex;flex-direction:column;gap:27px}
.ml-intro-content{text-align:right;padding:3px 0 0}
.ml-hero-title{font-size:clamp(43px,4.3vw,68px);font-weight:950;line-height:1.07;letter-spacing:-1.7px;margin:0 0 19px;text-shadow:0 4px 18px rgba(0,0,0,.45)}
.ml-hero-title span{color:#e8b44a}
.ml-hero-desc{margin:0;color:#d0ccc7;font-size:15px;font-weight:500;line-height:1.9;text-shadow:0 2px 12px #000}
.ml-rules-preview{width:min(100%,415px);background:linear-gradient(150deg,rgba(12,13,13,.92),rgba(8,9,9,.85));border:1px solid rgba(219,172,78,.30);border-radius:12px;box-shadow:0 28px 70px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.035);padding:19px 19px 16px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ml-preview-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.ml-preview-header h2{margin:0;font-size:15px;font-weight:850;letter-spacing:-.2px}
.ml-preview-icon{color:#ecc46d;display:inline-flex}
.ml-preview-icon .icon{width:20px;height:20px}
.ml-preview-ornament{flex:1;height:1px;max-width:42px;margin-right:auto;background:linear-gradient(270deg,transparent,rgba(224,179,83,.47))}
.ml-preview-list{list-style:none;margin:0 0 15px;padding:0;display:grid;gap:1px}
.ml-preview-list li{display:flex;align-items:center;gap:11px;min-height:31px;color:#bab8b4;line-height:1.58;font-weight:500;font-size:11.9px}
.ml-rule-num{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(140deg,rgba(188,136,42,.46),rgba(97,68,27,.47));border:1px solid rgba(238,188,83,.26);font-weight:900;color:#f0c66f;font-size:12px;font-family:Arial,sans-serif}
.ml-preview-action{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:20px;border-radius:7px;border:1px solid rgba(232,178,72,.20);background:linear-gradient(120deg,rgba(176,132,57,.19),rgba(152,109,42,.08));color:#fff;font-size:12px;font-weight:850;transition:.2s ease}
.ml-preview-action:hover{border-color:rgba(240,196,106,.55);background:rgba(192,139,46,.24)}
.ml-preview-action .icon{width:15px;height:15px;color:#e6b552;transform:scaleX(-1)}
.ml-auth-section{width:100%;display:flex;justify-content:center}
.ml-auth-card{width:min(100%,405px);padding:40px 30px 30px;background:linear-gradient(145deg,rgba(16,15,14,.91),rgba(5,6,7,.92));border:1px solid rgba(221,168,75,.42);border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 85px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.04)}
.ml-card-identity{text-align:center}
.ml-logo-large{font-size:63px;letter-spacing:-6px;text-shadow:0 3px 12px #000}
.ml-card-identity p{color:#e8b654;font-size:18px;font-weight:900;margin:4px 0 0}
.ml-card-divider{display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.085);margin:28px 0 27px;height:0}
.ml-card-divider span{width:47px;height:2px;background:#d8a44a;box-shadow:0 0 12px rgba(236,182,79,.3)}
.ml-signin-provider{display:flex;align-items:center;justify-content:space-between;width:100%;height:59px;border:1px solid rgba(220,218,216,.21);border-radius:11px;background:linear-gradient(140deg,rgba(42,43,44,.75),rgba(20,20,21,.92));color:#f8f7f4;padding:0 17px;font-size:12.6px;font-weight:750;transition:.2s;cursor:pointer}
.ml-signin-provider:hover{background:rgba(51,50,47,.9);border-color:rgba(231,181,79,.55)}
.ml-discord-icon{width:24px;height:24px;flex:0 0 24px;color:#fff}
.ml-provider-chevron .icon{width:16px;height:16px;transform:scaleX(-1);color:#fff}
.ml-consent{display:flex;align-items:center;justify-content:flex-start;gap:5px;margin:21px 0 22px;font-size:12px;font-weight:600;min-height:25px}
.ml-consent label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;position:relative}
.ml-consent input{width:21px;height:21px;opacity:0;position:absolute;right:0;top:0;cursor:pointer}
.ml-custom-check{width:21px;height:21px;border:1px solid rgba(237,189,94,.75);border-radius:5px;background:rgba(205,153,67,.08);display:grid;place-items:center;transition:.2s;flex-shrink:0}
.ml-custom-check .icon{width:13px;height:13px;color:transparent;stroke-width:3}
.ml-consent input:checked+.ml-custom-check{background:linear-gradient(135deg,#b48233,#e7b955);border-color:#f0c776}
.ml-consent input:checked+.ml-custom-check .icon{color:#16110a}
.ml-consent input:focus-visible+.ml-custom-check{outline:2px solid white;outline-offset:3px}
.ml-consent-link{border:0;background:none;padding:0;color:#efbd58;font-size:12px;font-weight:850;text-decoration:none}
.ml-consent-link:hover{text-decoration:underline;text-underline-offset:4px}
.ml-signin-button{height:58px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(247,209,137,.35);border-radius:10px;color:#1d170d;background:linear-gradient(110deg,#e2a740 0%,#edc777 100%);font-size:15px;font-weight:950;box-shadow:0 4px 24px rgba(208,148,43,.12);transition:background .2s,transform .2s,box-shadow .2s}
.ml-signin-button:hover{background:linear-gradient(110deg,#f2bf60,#ffe09a);transform:translateY(-2px);box-shadow:0 8px 32px rgba(224,169,70,.27)}
.ml-signin-button .icon{position:absolute;left:22px;top:50%;transform:translateY(-50%) scaleX(-1);width:16px;height:16px;stroke-width:2.5}
.ml-auth-error{color:#ffb0a2;font-size:11px;font-weight:650;margin:11px 0 0;line-height:1.6}
.ml-auth-error[hidden]{display:none!important}
.ml-shake{animation:ml-shake .3s ease both}
.ml-footer{min-height:71px;border-top:1px solid rgba(255,255,255,.19);display:flex;align-items:center;justify-content:flex-end;color:rgba(233,230,225,.65);font-size:12px;direction:ltr}
/* نافذة الاستعراض — قسم مستقل عن النوافذ المستخدمة داخل لوحة الإدارة */
.ml-rules-overlay{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:22px;background:rgba(2,3,4,.80);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:ml-overlay-in .18s ease both;direction:rtl}
.ml-rules-dialog{display:flex;flex-direction:column;width:min(920px,100%);max-height:min(760px,calc(100dvh - 44px));overflow:hidden;border:1px solid rgba(229,174,76,.42);border-radius:17px;background:linear-gradient(150deg,#171817,#0a0c0d 85%);box-shadow:0 45px 110px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.05);color:#f7f5ef;font-family:'Tajawal','IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif}
.ml-rules-dialog-header{padding:26px 30px 12px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ml-rules-heading{display:flex;align-items:center;gap:15px}
.ml-rules-emblem{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(225,177,86,.3);border-radius:13px;background:rgba(215,157,58,.12);color:#e8bb65}
.ml-rules-emblem .icon{width:27px;height:27px}
.ml-rules-eyebrow{display:block;color:#d7ad63;font-size:10px;font-weight:750;margin:0 0 4px}
.ml-rules-heading h2{font-size:27px;line-height:1.2;margin:0;font-weight:950}
.ml-dialog-close{border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.04);color:#e8e1d6;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}
.ml-dialog-close:hover{background:rgba(255,255,255,.11)}
.ml-rules-summary{color:#a9a59f;font-size:12px;line-height:1.9;margin:0;padding:1px 30px 22px;border-bottom:1px solid rgba(255,255,255,.075)}
.ml-rules-main{min-height:0;flex:1;display:grid;grid-template-columns:270px minmax(0,1fr);gap:0;overflow:hidden}
.ml-rule-sidebar{overflow:auto;padding:20px 16px;background:rgba(255,255,255,.017);border-left:1px solid rgba(255,255,255,.07);display:grid;align-content:start;gap:7px;scrollbar-width:thin}
.ml-rule-tab{width:100%;padding:12px 11px;min-height:59px;display:flex;align-items:center;gap:10px;text-align:right;border:1px solid transparent;border-radius:9px;background:transparent;color:#b8b5b1;line-height:1.65;font-size:11px;font-weight:750;transition:.15s}
.ml-rule-tab:hover{background:rgba(255,255,255,.055);color:#fff}
.ml-rule-tab.active{color:#f4ead7;background:linear-gradient(105deg,rgba(207,157,65,.16),rgba(207,157,65,.04));border-color:rgba(229,171,66,.31)}
.ml-tab-num{color:#e5b560;font-size:11px;font-family:Arial,sans-serif;direction:ltr}
.ml-rule-tab .icon{width:13px;height:13px;flex-shrink:0;margin-right:auto;opacity:.4;transform:scaleX(-1)}
.ml-rule-tab.active .icon{opacity:1;color:#e9bc65}
.ml-rule-article{padding:29px 31px 37px;overflow:auto;min-height:315px;scrollbar-width:thin}
.ml-rule-content-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ml-rule-counter{color:#dcb160;font-size:13px;font-weight:850;letter-spacing:2px;font-family:Arial,sans-serif}
.ml-rule-type{color:#8f918e;font-size:11px}
.ml-rule-content-title{margin:20px 0 16px;position:relative;min-height:80px;display:flex;align-items:center}
.ml-rule-content-title h3{font-size:25px;font-weight:900;margin:0;line-height:1.58;max-width:480px;position:relative;z-index:1}
.ml-rule-giant-num{position:absolute;left:0;top:-25px;font-size:96px;line-height:1;font-weight:900;color:rgba(233,183,93,.05);font-family:Arial,sans-serif;pointer-events:none}
.ml-rule-detail{color:#c8c3bb;font-size:13px;line-height:2.1;margin:0 0 23px}
.ml-rule-bullets{padding:0;margin:0;display:grid;gap:14px;list-style:none}
.ml-rule-bullets li{display:flex;align-items:flex-start;gap:10px;color:#cbc7c0;font-size:12px;line-height:2}
.ml-rule-bullets .icon{width:15px;height:15px;margin-top:4px;color:#e7b95b;stroke-width:2.6}
.ml-rules-progress-track{height:2px;width:100%;background:rgba(255,255,255,.09)}
#ml-rules-progress{height:100%;background:linear-gradient(90deg,#9a6e31,#ebc47b);transition:width .2s}
.ml-rules-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px}
.ml-rule-switcher{display:flex;align-items:center;gap:9px}
.ml-rule-prev,.ml-rule-next{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);padding:10px 13px;color:#e9e5db;font-size:11px;font-weight:800}
.ml-rule-next .icon{transform:scaleX(-1)}
.ml-rule-prev:hover:not(:disabled),.ml-rule-next:hover:not(:disabled){background:rgba(221,174,91,.13);border-color:rgba(221,174,91,.45)}
.ml-rule-prev:disabled,.ml-rule-next:disabled{opacity:.35;cursor:not-allowed}
.ml-rule-prev .icon,.ml-rule-next .icon{width:13px;height:13px}
.ml-rule-accept{background:linear-gradient(110deg,#dfaa50,#ecc376);border:1px solid rgba(255,224,158,.4);border-radius:8px;min-height:41px;padding:9px 18px;display:inline-flex;align-items:center;gap:8px;font-weight:950;font-size:12px;color:#23190c}
.ml-rule-accept:hover{background:#f4cf8e}
.ml-rule-accept .icon{width:16px;height:16px;stroke-width:2.6}
@keyframes ml-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes ml-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:1100px){.ml-main{gap:30px}.ml-hero-title{font-size:clamp(40px,4.6vw,56px)}.ml-intro{width:100%}}
@media(max-width:780px){.ml-frame{padding:0 22px}.ml-header{height:74px}.ml-main{min-height:0;grid-template-columns:1fr;gap:30px;padding:45px 0 35px}.ml-intro{max-width:580px;justify-self:center;gap:22px}.ml-hero-title{font-size:clamp(43px,9vw,58px)}.ml-rules-preview{width:100%;max-width:580px}.ml-auth-section{justify-content:center}.ml-auth-card{max-width:580px}.ml-footer{min-height:60px}.ml-background{background-position:40% center}.ml-rules-main{grid-template-columns:225px minmax(0,1fr)}.ml-rule-sidebar{padding:12px}.ml-rule-article{padding:23px}.ml-rule-content-title h3{font-size:21px}}
@media(max-width:550px){.ml-frame{padding:0 16px}.ml-header-label{font-size:11px}.ml-logo-header{font-size:27px}.ml-main{padding:33px 0 30px;gap:25px}.ml-hero-title{font-size:clamp(38px,10vw,49px)}.ml-hero-desc{font-size:13px}.ml-rules-preview{padding:17px 13px 14px}.ml-preview-header h2{font-size:13px}.ml-preview-list li{font-size:11px;gap:9px}.ml-rule-num{width:25px;height:25px;flex-basis:25px}.ml-auth-card{padding:31px 22px 25px}.ml-logo-large{font-size:53px}.ml-card-identity p{font-size:16px}.ml-rules-overlay{padding:9px;align-items:center}.ml-rules-dialog{border-radius:13px;max-height:calc(100dvh - 18px)}.ml-rules-dialog-header{padding:18px 17px 10px}.ml-rules-heading h2{font-size:22px}.ml-rules-emblem{width:42px;height:42px}.ml-rules-summary{padding:4px 17px 14px}.ml-rules-main{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.ml-rule-sidebar{display:flex;overflow-x:auto;overflow-y:hidden;gap:6px;padding:11px 12px;min-height:66px;border-left:0;border-bottom:1px solid rgba(255,255,255,.07)}.ml-rule-tab{width:180px;min-width:180px;min-height:46px;padding:7px 8px;font-size:10px}.ml-rule-tab .icon{display:none}.ml-rule-article{padding:20px 18px 25px;min-height:200px}.ml-rule-content-title{min-height:55px;margin:10px 0}.ml-rule-content-title h3{font-size:19px}.ml-rule-giant-num{font-size:67px;top:-7px}.ml-rule-detail{font-size:12px;margin:0 0 15px}.ml-rule-bullets li{font-size:11px;gap:7px}.ml-rules-actions{flex-wrap:wrap-reverse;padding:12px 13px;gap:10px}.ml-rule-accept{width:100%;justify-content:center}.ml-rule-switcher{width:100%;justify-content:space-between}.ml-rule-prev,.ml-rule-next{min-width:92px}}
@media(prefers-reduced-motion:reduce){.military-landing *,.military-landing *::before,.military-landing *::after,.ml-rules-overlay{animation:none!important;transition:none!important}}