@font-face{font-family:Tajawal;src:url('assets/tajawal-regular.woff') format('woff');font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-bold.woff') format('woff');font-weight:700;font-display:swap}
:root{color-scheme:dark;--ivory:#ebdfc4;--muted:#b4aa92;--bronze:#b69a64;--rust:#bc785c;--serif:'Traditional Arabic','Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 20%,#33443738,transparent 55%),radial-gradient(ellipse at 10% 65%,#66442b25,transparent 50%),#0b100e;color:var(--ivory);font:16px/1.8 Tajawal,sans-serif;min-height:100dvh}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(94deg,transparent 0 3px,#96a18415 4px 5px);z-index:-1}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #dfb676;outline-offset:6px}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}.reg-skip{position:fixed;top:-100px;padding:12px;background:#eee;color:#111;z-index:30}.reg-skip:focus{top:10px}.reg-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px max(26px,6vw);border-bottom:1px solid #af9a6325}.reg-header>a:first-child{font:25px/1.5 var(--serif)}.reg-header span{display:block;font:11px/1.8 Tajawal,sans-serif;color:var(--muted)}.back-home{font-size:12px;color:#c9b78f;padding:10px 12px}.registration-layout{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:90px 50px 70px;align-items:center}.chapter-mark,.form-index{display:block;font-size:11px;color:var(--bronze);letter-spacing:.3px}.chapter-mark:before{content:'';display:inline-block;width:26px;height:7px;margin-left:12px;background:linear-gradient(90deg,transparent,#ae8b50);clip-path:polygon(0 50%,75% 0,100% 50%,75% 100%)}h1{font:clamp(53px,5.5vw,79px)/1.3 var(--serif);font-weight:400;margin:28px 0 22px}em{font-style:normal;color:var(--rust)}.invitation-copy{font-size:17px;line-height:2;color:#c7bfa9;margin:0}.register-still{position:relative;margin:15px -20px -10px}.register-still img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 30px #0009)}.register-still>span{display:block;text-align:center;color:#8e8d74;font-size:10px;padding-inline:30px;margin-top:-15px}.registration-card{position:relative;isolation:isolate;padding:70px 48px 35px;min-width:0;background:linear-gradient(130deg,#27322a70,#101812b0);box-shadow:0 24px 60px #0005,inset 0 1px 0 #c2a06c40;border-radius:3px}.registration-card:before{content:'';position:absolute;inset:13px;z-index:-1;border-inline:1px solid #b2a17125;pointer-events:none}.registration-card:after{content:'';position:absolute;bottom:15px;left:24%;right:24%;height:6px;background:linear-gradient(90deg,transparent,#947b48,transparent);opacity:.5;clip-path:polygon(0 50%,40% 30%,50% 0,60% 30%,100% 50%,60% 70%,50% 100%,40% 70%)}.registration-seal{position:absolute;top:-53px;left:25px;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 9px 8px #0009);pointer-events:none}h2{font:41px/1.5 var(--serif);font-weight:400;margin:10px 0 8px}.form-intro{font-size:13px;color:var(--muted);margin:0 0 26px;line-height:1.9}fieldset{border:0;padding:0;margin:0;min-width:0}.field{margin-block:22px;position:relative}.field label{display:block;font-size:12px;color:#d5c29d;margin-bottom:10px;padding-inline:5px}.field input{width:100%;min-width:0;min-height:56px;background:#080e0c80;border:1px solid #8e805047;border-radius:0;color:#f2e7cf;padding:14px 19px;font-size:16px;box-shadow:inset 0 3px 9px #0003}.field input::placeholder{color:#777e70;font-size:13px}.name-field input{border-inline-start:3px solid #a2915c;border-radius:0 8px 0 0}.email-field input{border-bottom:2px solid #5b7567;border-radius:0 0 6px 0}.code-field input{letter-spacing:10px;text-align:center;border-block:1px dashed #bba27380;font-size:23px;padding-inline:12px}.data-note{font-size:11px;line-height:1.9;color:#a7a58f;margin:20px 0;padding-inline:5px}.register-submit{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;gap:20px;width:100%;min-height:88px;border:0;background:none;color:#e7d0a1;padding:22px 34px;font-size:15px}.register-submit:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/register-button.webp') center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 7px 7px #0008)}.register-submit:hover:before{filter:brightness(1.25) drop-shadow(0 7px 7px #0008)}.registration-footnote{text-align:center;font-size:10px;color:#8e947e;padding:18px 8px 0;margin:18px 0 0}.setup-notice{color:#cfb68a;font-size:12px;line-height:1.9;padding:12px 15px;background:#b48b3e12;border-inline-start:2px solid #a58954}.form-status{font-size:13px;line-height:1.9;color:#d7c59d;margin:18px 0 0;padding-inline:6px;overflow-wrap:anywhere}.form-status:empty{margin:0}.form-status[data-error='true']{color:#e7a78d}.verify-submit,#read-book{width:100%;min-height:58px;padding:16px 24px;border:1px solid #aa9465;background:linear-gradient(110deg,#3c4430,#17261d);color:#f1dfb9;font-size:14px;line-height:1.8}.change-email,.sign-out{display:block;border:0;background:none;color:#bca982;font-size:12px;min-height:44px;margin:12px auto 0;padding:10px 18px;text-decoration:underline;text-underline-offset:5px}.reader-access{text-align:center;padding-top:20px}.reader-access h3{font:31px/1.5 var(--serif);font-weight:400;margin:12px 0}.reader-access p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:25px}.access-mark{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid #9baf7d80;border-radius:50%;color:#b9c79b;font-size:25px}.reg-footer{text-align:center;padding:35px 30px 40px;position:relative}.reg-footer:before{content:'';position:absolute;top:0;inset-inline:20%;height:1px;background:linear-gradient(90deg,transparent,#8d775354,transparent)}.reg-footer p{font:25px/1.8 var(--serif);margin:0 0 15px;color:#b6aa8e}.reg-footer>span{font-size:10px;color:#818775}::selection{background:#704639;color:white}
@media(max-width:760px){.reg-header{padding:20px 24px;gap:15px}.reg-header>a:first-child{font-size:20px}.back-home{font-size:10px;padding:8px 0}.registration-layout{grid-template-columns:1fr;gap:65px;padding:45px 24px}.invitation{text-align:center;padding-inline:12px}h1{font-size:57px;margin-block:18px}.invitation-copy{font-size:15px}.register-still{max-width:340px;margin:0 auto -18px}.register-still img{max-height:220px;object-fit:contain}.register-still>span{font-size:9px}.registration-card{padding:65px 30px 32px;margin-inline:0}.registration-seal{width:105px;height:105px;top:-48px;left:19px}h2{font-size:37px}.reg-footer p{font-size:23px}.registration-footnote{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.invitation{animation:arrive .8s both}.registration-card{animation:arrive .8s .15s both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}