@font-face{font-family:K;font-weight:700;font-display:swap;src:url(/fonts/reem-kufi-arabic-700-normal.woff2) format("woff2")}
@font-face{font-family:P;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:P;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:P;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:P;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
*{margin:0;box-sizing:border-box}
html{background:#0A0A0B;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;font-family:P,system-ui,sans-serif;color:#F3E3B8;background:#0A0A0B;background-image:radial-gradient(ellipse 90% 40% at 50% 0%,rgba(212,176,106,.25),transparent 70%);background-repeat:no-repeat}
main{max-width:440px;margin:0 auto;padding:max(48px,env(safe-area-inset-top)) 20px max(18px,env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center}
a{color:inherit}
[hidden]{display:none!important}
.top{text-align:center}
.top img{width:76px;height:76px;border-radius:18px;box-shadow:0 0 0 1.5px rgba(212,176,106,.5)}
h1{font:700 40px/1.3 K,P,serif;color:#D4B06A;margin-top:6px}
.top p{font-size:16px;color:#CFC7B4}
#pre,#post{width:100%;display:flex;flex-direction:column;align-items:center}
.big{margin-top:26px;width:100%;padding:24px 10px 18px;border-radius:22px;background:linear-gradient(180deg,#E2C27E,#C9A55A);color:#1B1408;font:700 27px/1.2 P,sans-serif;text-align:center;display:block;text-decoration:none;box-shadow:0 10px 30px rgba(212,176,106,.35);-webkit-tap-highlight-color:transparent}
.big:active{transform:scale(.98)}
.big small{display:block;font-weight:400;font-size:15px;margin-top:6px;color:#3A2C10}
.big:focus-visible,button:focus-visible,input:focus-visible,.soc a:focus-visible{outline:3px solid #F3E3B8;outline-offset:3px}
.soon{font-size:13px;color:#9C978C;margin-top:10px;text-align:center}
.alt{font-size:14px;margin-top:12px;text-align:center}
.alt a{color:#E2C27E}
.card{margin-top:22px;width:100%;border:1px solid rgba(212,176,106,.35);border-radius:18px;padding:16px;background:#141311}
.ct{font-weight:700;font-size:16px;margin-bottom:10px}
.row{display:flex;gap:8px}
input[type=email]{flex:1;min-width:0;border:1px solid #3A372F;border-radius:12px;padding:12px;color:#F3E3B8;font:400 16px P,sans-serif;background:#0E0D0C;text-align:left}
input[type=email]::placeholder{color:#6F6A60;text-align:right}
button{border-radius:12px;padding:12px 16px;background:#2A251B;color:#E2C27E;font:700 16px P,sans-serif;border:1px solid rgba(212,176,106,.5);cursor:pointer}
button:disabled{opacity:.6}
.hp{position:absolute;width:1px;height:1px;padding:0;border:0;margin:0;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}
.ck{display:flex;gap:8px;align-items:center;font-size:13px;color:#BDB5A2;margin-top:12px}
.ck input{width:18px;height:18px;accent-color:#D4B06A;flex:none}
.err{color:#F19C8E;font-size:13px;margin-top:8px;min-height:1px}
.err:empty{display:none}
.pv{font-size:11.5px;color:#7E786C;margin-top:10px;line-height:1.6}
.ok{text-align:center;padding:6px 0}
.tick{width:54px;height:54px;border-radius:50%;background:#D4B06A;color:#0A0A0B;font:700 30px/54px P,sans-serif;margin:4px auto 10px}
.ok p{font-weight:700;font-size:17px;line-height:1.6}
.ok .q{font-weight:400;font-size:13px;color:#BDB5A2;margin-top:8px}
.follow{margin-top:22px;text-align:center}
.follow p{font-size:13px;color:#9C978C}
.soc{display:flex;gap:20px;margin-top:8px;justify-content:center}
.soc a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#CFC7B4;text-decoration:none}
.soc i{width:44px;height:44px;border-radius:50%;color:#fff;font:700 20px/44px sans-serif;text-align:center;font-style:normal}
.soc .fb{background:#1877F2}.soc .ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}.soc .wa{background:#25D366}
footer{margin-top:auto;padding-top:28px;font-size:12px;color:#6F6A60}
footer a{color:#8C877B}
.doc{max-width:640px;margin:0 auto;padding:40px 20px;line-height:1.8;font-size:15px}
.doc h1{font-size:30px}.doc h2{font:700 18px P,sans-serif;color:#E2C27E;margin-top:22px}
.doc p,.doc li{color:#DDD3BC;margin-top:8px}.doc ul{padding-inline-start:20px}
.doc .en{direction:ltr;text-align:left;border-top:1px solid #2A2720;margin-top:30px;padding-top:10px}
.back{margin-top:28px}
