:root{--cream: #efe4d0;--parchment: #e6d7bf;--sand: #d8c3a2;--tan: #c8a57c;--coffee: #5a4130;--espresso: #2c1f17;--ink: #1f1915;--terracotta: #a8583a;--pink: #c4577f;--line: #d3c1a5;--focus: #a8583a;--f-ar: "IBM Plex Sans Arabic", "Noto Naskh Arabic", system-ui, sans-serif;--f-display-ar: "Noto Naskh Arabic", serif;--f-kufi: "Noto Kufi Arabic", "Noto Naskh Arabic", sans-serif;--f-hand-ar: "Aref Ruqaa", "Noto Naskh Arabic", serif;--f-serif: "DM Serif Display", Georgia, serif;--f-fell: "IM Fell English SC", Georgia, serif;--f-hand-en: "Caveat", cursive;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--f-ar);color:var(--espresso);background:#e3d3ba url("./assets/wall-WDYUKXL3.webp") center top / 1600px auto repeat;line-height:1.6;overflow-x:hidden}img{max-width:100%}button,input,select{font:inherit;color:inherit}a{color:var(--terracotta)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;top:-60px;right:16px;background:var(--espresso);color:#fff;padding:8px 14px;border-radius:6px;z-index:50}.skip:focus{top:12px}.icon{flex:none}.site{position:relative;overflow-x:clip}.deco{position:absolute;pointer-events:none;user-select:none}.paper{position:relative;transform:rotate(var(--rot, 0deg));filter:drop-shadow(0 7px 10px rgba(48,30,14,.22)) drop-shadow(0 1px 1px rgba(48,30,14,.18))}.paper__edge,.paper__face{position:absolute;inset:-12px;pointer-events:none}.paper__edge{background:#f8f3e7}.paper__face{background:var(--cream) url("./assets/paper-cream-3JWZ4TEW.webp") 0 0 / 600px}.paper--white .paper__face{background:#f6f0e3 url("./assets/paper-white-PUT7P4JL.webp") 0 0 / 600px}.paper--kraft .paper__face{background:#b9936a url("./assets/paper-kraft-PFL5GKSD.webp") 0 0 / 600px}.paper--kraft .paper__edge{background:#e2d2b6}.paper--sand .paper__face{background:#e2d0b4 url("./assets/paper-sand-QYMDVKYZ.webp") 0 0 / 600px}.paper--grid .paper__face{background:linear-gradient(rgba(110,84,60,.16) 1.2px,transparent 1.2px) 0 0 / 26px 26px,linear-gradient(90deg,rgba(110,84,60,.16) 1.2px,transparent 1.2px) 0 0 / 26px 26px,#ece2cf url("./assets/paper-cream-3JWZ4TEW.webp") 0 0 / 600px}.paper--photo .paper__face{background:#cdb898 var(--img) center / cover}.paper__content{position:relative}.topnav{position:relative;z-index:5;display:flex;justify-content:center;padding:26px 16px 0}.topnav nav{display:flex;gap:clamp(18px,4vw,64px)}.topnav a{font-family:var(--f-ar);font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--espresso);text-decoration:none;padding:6px 2px;border-bottom:1.5px solid transparent}.topnav a:hover{border-color:#2c1f1766}.topnav a.is-active{border-color:var(--espresso)}.stage{position:relative;direction:ltr;display:grid;grid-template-columns:minmax(290px,360px) minmax(400px,540px) minmax(290px,380px);justify-content:center;align-items:start;gap:34px 40px;max-width:1500px;margin:0 auto;padding:28px 28px 60px}.col{position:relative;z-index:2;direction:rtl;display:flex;flex-direction:column;min-width:0}.col-left{gap:26px}.col-center{gap:20px;padding-top:40px}.col-right{gap:28px;padding-top:70px}.wallart{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}.wa-photo-left{position:absolute;left:-80px;top:-110px;width:300px;height:760px;opacity:.95}.wa-kraft-1{position:absolute;left:230px;top:560px;width:200px;height:300px}.wa-grid-1{position:absolute;right:60px;top:40px;width:360px;height:330px}.wa-photo-right{position:absolute;right:-90px;top:480px;width:250px;height:520px}.wa-palm-tr{right:-120px;top:-140px;width:560px;transform:rotate(-12deg);opacity:.92}.wa-palm-bl{left:-170px;bottom:-40px;width:520px;transform:scaleX(-1) rotate(-14deg);opacity:.9}.wa-boug-top{left:calc(50% - 330px);top:20px;width:280px;transform:rotate(-8deg);z-index:1}.wa-boug-br{right:-30px;top:1030px;width:240px;transform:rotate(18deg)}.wa-slogan{position:absolute;left:calc(50% - 500px);top:4px;display:flex;flex-direction:column;align-items:center;direction:rtl;font-family:var(--f-hand-ar);font-weight:700;color:var(--ink);font-size:40px;line-height:1.05;transform:rotate(-9deg);z-index:3}.wa-slogan-flag{position:absolute;width:58px;left:-66px;top:-18px;transform:rotate(6deg)}.wa-ccit{position:absolute;right:24px;top:-78px;width:170px;padding:10px 16px 12px;z-index:3}.wa-ccit span{display:block;font-family:var(--f-hand-en);font-weight:600;font-size:29px;line-height:1;color:var(--ink)}.wa-ccit-arrow{width:70px;left:84px;top:8px;transform:rotate(-20deg)}.wa-tape{width:130px;opacity:.95}.wa-tape-1{left:calc(50% + 190px);top:52px;transform:rotate(32deg);z-index:4}.wa-tape-2{left:calc(50% - 300px);top:54px;transform:rotate(-30deg);z-index:4}.wa-sparkle{width:40px;left:calc(50% + 300px);top:860px}.controls-wrap{position:relative;padding-top:118px}.stamp-left{position:absolute;top:-8px;left:6px;z-index:3;transform:rotate(-4deg)}.panel{padding:70px 30px 30px}.display-en{margin:0;font-family:var(--f-serif);font-weight:400;font-size:54px;line-height:.98;letter-spacing:-.01em;color:var(--ink);text-align:left}.lede{margin:12px 0 20px;font-size:15px;font-weight:500;color:var(--coffee);line-height:1.7}.form{display:flex;flex-direction:column;gap:16px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0;margin:0}.mode{display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 8px 11px;min-height:84px;border:1.5px solid #cbb698;border-radius:10px;background:#fffcf5bf;cursor:pointer;box-shadow:0 1px #ffffffb3 inset,0 2px 4px #3c281414;transition:transform .15s,background .15s,color .15s}.mode:hover{transform:translateY(-1px)}.mode__ar{font-family:var(--f-display-ar);font-weight:700;font-size:19px;line-height:1.3}.mode__en{font-size:13px;font-weight:500;opacity:.85}.mode__sub{font-size:11.5px;opacity:.75}.mode.is-on{background:var(--espresso);color:#f6eee0;border-color:var(--espresso);box-shadow:0 4px 10px #2c1f174d}.field{display:flex;flex-direction:column;gap:6px}.field label,.field .label{font-size:14px;font-weight:600;color:var(--espresso)}.field--inline{flex-direction:row;align-items:center;justify-content:space-between}.field input[type=text]{height:48px;padding:0 14px;border-radius:9px;border:1.5px solid var(--line);background:#fffaf1;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}.field input[type=text]::placeholder{color:#a8957c}.field input[type=text]:focus{border-color:var(--coffee);box-shadow:0 0 0 3px #a8583a2e}.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;padding:3px;background:#fffaf1}.seg button{border:0;background:transparent;padding:6px 16px;border-radius:999px;cursor:pointer;font-size:14px;min-height:36px}.seg button.is-on{background:var(--espresso);color:#f6eee0}.select{position:relative;display:flex;align-items:center}.select .icon{position:absolute;right:13px;color:var(--coffee);pointer-events:none}.select .chev{position:absolute;left:13px;color:var(--coffee);pointer-events:none}.select select{appearance:none;-webkit-appearance:none;width:100%;height:48px;padding:0 42px 0 38px;border-radius:9px;border:1.5px solid var(--line);background:#fffaf1;font-size:15.5px;cursor:pointer}.select select:focus{border-color:var(--coffee);box-shadow:0 0 0 3px #a8583a2e;outline:none}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:16px 12px;border:1.6px dashed #bba584;border-radius:10px;background:#fffaf1b3;cursor:pointer;text-align:center;color:var(--coffee)}.upload:hover{background:#fffaf1}.upload strong{color:var(--espresso);font-size:15px;margin-top:4px}.upload small{font-size:12px;opacity:.85}.field:has(#photo:focus-visible) .upload{outline:3px solid var(--focus);outline-offset:3px}.upload--has{flex-direction:row;gap:14px;cursor:default;justify-content:flex-start;padding:10px;border-style:solid}.upload--has img{width:72px;height:90px;object-fit:cover;border-radius:4px;border:4px solid #fff;box-shadow:0 2px 6px #00000026}.upload__tools{display:flex;flex-direction:column;gap:4px;flex:1;align-items:stretch;text-align:right}.range{display:flex;align-items:center;gap:8px;font-size:13px}.range input{flex:1;accent-color:var(--espresso);min-height:28px}.hint{font-size:12px;display:flex;gap:4px;align-items:center}.upload__btns{display:flex;gap:14px}.link{border:0;background:none;color:var(--terracotta);text-decoration:underline;cursor:pointer;padding:6px 0;font-size:13.5px}.error{margin:2px 0 0;color:#9b2c1c;font-size:13px}.privacy{margin:0;font-size:11.5px;color:#7a6450}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:10px;border:1.5px solid #cdb999;background:#fffaf1;color:var(--espresso);font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;box-shadow:0 2px 5px #3c28141f;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px #3c281429}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:progress}.btn--dark{background:var(--espresso);border-color:var(--espresso);color:#f6eee0}.btn--dark:hover{background:#3a2a1f}.btn--block{width:100%;font-size:17px;min-height:54px;font-family:var(--f-display-ar)}.btn--small{min-height:40px;padding:0 14px;font-size:13.5px}.caption{padding:20px 24px 22px}.caption__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.caption h2{margin:0;font-size:17px;font-family:var(--f-display-ar)}.quote{position:absolute;left:18px;bottom:-20px;font-family:var(--f-serif);font-size:84px;color:var(--espresso);line-height:1;opacity:.9}.caption__text{margin:10px 0 0;white-space:pre-line;font-size:14.5px;line-height:1.85;color:var(--coffee)}.card-wrap{position:relative}.card-frame{position:relative;aspect-ratio:4 / 5;width:100%;border-radius:3px;background:#d9c8ab;box-shadow:0 2px 3px #28190a33,0 22px 40px -12px #28190a73;transition:transform .3s}.card-frame.is-pulse{animation:pulse .8s ease}@keyframes pulse{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.025) rotate(-.6deg)}to{transform:scale(1) rotate(0)}}.card-canvas{display:block;width:100%;height:100%;border-radius:3px}.card-canvas.is-pannable{cursor:grab;touch-action:none}.card-canvas.is-pannable:active{cursor:grabbing}.card-loading{display:grid;place-items:center;height:100%;color:var(--coffee)}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;direction:ltr}.actions .btn{direction:rtl;flex:1 1 auto;white-space:nowrap;padding:0 14px}.register{padding:16px 20px;display:block}.register .paper__content{display:flex;align-items:center;gap:16px;justify-content:space-between}.register__text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.register__text strong{font-family:var(--f-hand-ar);font-size:30px;line-height:1.1;color:var(--ink)}.register__text span{font-size:14px;color:#3c2b1f;margin-bottom:8px}.register__qr{background:#fffaf1;padding:8px;border-radius:4px;box-shadow:0 2px 6px #0000002e;transform:rotate(3deg)}.register__qr img{display:block;width:92px;height:92px}.label-tag{position:relative;display:inline-flex;align-self:flex-start;padding:6px 22px 8px;margin-bottom:14px}.label-tag:before{content:"";position:absolute;inset:0;background:#d8b98e url("./assets/paper-kraft-PFL5GKSD.webp") 0 0 / 400px;opacity:.8;z-index:-1;border-radius:40% 12% 38% 10%/20% 60%;transform:rotate(-1.5deg)}.label-tag--plain:before{display:none}.label-tag h2{margin:0;font-family:var(--f-display-ar);font-weight:700;font-size:25px;color:var(--ink)}.label-tag__doodle{width:44px;left:-46px;top:-20px;transform:rotate(-12deg)}.label-tag__doodle--star{width:34px;left:-38px;top:6px}.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;direction:rtl}.thumb{border:0;padding:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.thumb__img{display:block;width:100%;aspect-ratio:4 / 5;padding:6px;background:#fbf6ec;box-shadow:0 6px 12px #28190a38;transform:rotate(var(--tilt));border:2px solid transparent;transition:transform .2s,border-color .2s}.thumb__img canvas{display:block;width:100%;height:100%}.thumb:hover .thumb__img{transform:rotate(0) translateY(-3px)}.thumb.is-on .thumb__img{border-color:var(--espresso);outline:1.5px solid var(--espresso);outline-offset:3px;transform:rotate(0)}.thumb__label{font-family:var(--f-display-ar);font-weight:700;font-size:15px}.thumb.is-on .thumb__label{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.samples__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;direction:rtl}.sample{margin:0;position:relative;padding:5px;background:#fbf6ec;box-shadow:0 6px 12px #28190a38;transform:rotate(var(--tilt))}.sample canvas{display:block;width:100%;aspect-ratio:4 / 5;height:auto}.sample__tape{width:70px;top:-14px;left:calc(50% - 35px);transform:rotate(-6deg)}.promo{padding:22px 26px 24px 120px}.promo h2{margin:0 0 6px;font-family:var(--f-display-ar);font-size:22px;color:var(--ink)}.promo p{margin:0 0 12px;font-size:14.5px;line-height:1.8;color:#3d2c20}.promo__arrow{width:80px;left:calc(52px - var(--pl, 120px));top:-2px;transform:scaleX(-1) rotate(12deg)}.promo__flag{width:64px;left:calc(18px - var(--pl, 120px));bottom:-14px;transform:rotate(-6deg)}.center-deco{position:relative;height:250px;margin-top:6px;pointer-events:none}.cd-photo{position:absolute!important}.cd-photo-1{left:20px;top:10px;width:230px;height:170px}.cd-photo-1 .paper__face{inset:-12px}.cd-photo-2{left:190px;top:60px;width:170px;height:190px}.cd-tape{width:120px;left:120px;top:-4px;transform:rotate(-10deg)}.cd-note{position:absolute;right:-6px;top:30px;font-family:var(--f-hand-ar);font-weight:700;font-size:34px;color:var(--ink);transform:rotate(-6deg)}.cd-mtn{position:relative!important;display:block;width:110px;margin:4px auto 0}.ostamp{width:150px;aspect-ratio:560 / 660;background:url("./assets/stamp-7NLLFT3A.webp") center / 100% 100% no-repeat;filter:drop-shadow(0 5px 7px rgba(40,25,10,.3));padding:20px 18px 16px;display:flex;flex-direction:column;justify-content:space-between}.ostamp__ar{display:flex;flex-direction:column;align-items:center;font-family:var(--f-kufi);font-weight:800;font-size:21px;line-height:1.32;color:#17110d}.ostamp__en{display:flex;flex-direction:column;font-family:var(--f-fell);font-size:9px;line-height:1.25;color:#1f1712;text-transform:uppercase;text-align:left}.ostamp__waves{position:absolute;width:60px;right:12px;bottom:18px;opacity:.75}.info{display:grid;align-items:start;grid-template-columns:1fr 1.3fr;gap:40px;max-width:1100px;margin:10px auto 30px;padding:0 28px}.info__note{padding:26px 30px;scroll-margin-top:20px}.info h2{margin:0 0 8px;font-family:var(--f-display-ar);font-size:24px}.info p{margin:0 0 8px;font-size:15px;color:#3d2c20;line-height:1.9}.handnote{font-family:var(--f-hand-en);font-size:30px;color:var(--ink);text-align:left;margin:0}.info dl{margin:0}.info dt{font-weight:700;margin-top:10px;font-size:15px}.info dd{margin:2px 0 0;font-size:14.5px;color:#4a3828}.foot{text-align:center;font-size:12.5px;color:#6b5440;padding:10px 16px 40px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--espresso);color:#f6eee0;padding:12px 20px;border-radius:10px;box-shadow:0 10px 30px #00000040;transition:opacity .2s,transform .2s;z-index:60;font-size:14.5px;max-width:calc(100vw - 32px);text-align:center}.toast.is-on{opacity:1;transform:translate(-50%)}@media(max-width:1199px){.stage{grid-template-columns:minmax(300px,380px) minmax(380px,540px);gap:30px 36px}.col-left{grid-column:1;grid-row:1}.col-center{grid-column:2;grid-row:1 / span 2}.col-right{grid-column:1;grid-row:2;padding-top:10px}.wa-photo-right,.wa-boug-br{display:none}.wa-slogan{left:250px;top:40px;font-size:30px}.wa-ccit{display:none}.wa-boug-top{left:calc(50% + 160px)}.wa-tape-1,.wa-tape-2,.center-deco{display:none}}@media(max-width:859px){.topnav{padding-top:16px}.topnav a{font-size:11px;letter-spacing:.1em}.stage{display:flex;flex-direction:column;padding:14px 16px 40px;gap:26px;direction:rtl}.col{display:contents}.o1{order:1}.o2{order:2}.o3{order:3}.o4{order:4}.o5{order:5}.o6{order:6}.o7{order:7}.o8{order:8}.wallart .wa-photo-left{left:-120px;top:10px;width:200px;height:420px}.wa-grid-1,.wa-kraft-1,.wa-photo-right,.wa-boug-br,.wa-tape,.wa-sparkle,.wa-ccit{display:none}.wa-palm-tr{width:300px;right:-110px;top:-60px}.wa-palm-bl{width:300px;left:-120px;bottom:30%}.wa-slogan{right:14px;left:auto;top:58px;font-size:26px}.wa-slogan-flag{width:40px;left:-44px}.wa-boug-top{width:220px;left:-60px;top:520px}.controls-wrap{padding-top:112px}.stamp-left{right:auto;left:8px;top:0}.ostamp{width:128px;padding:16px 15px 13px}.ostamp__ar{font-size:18px}.ostamp__en{font-size:7.6px}.panel{padding:40px 20px 22px}.display-en{font-size:46px}.card-wrap{margin:0 -4px}.actions .btn{flex:1 1 100%}.thumbs,.samples__row{gap:10px}.label-tag{margin-right:44px}.promo{padding:20px 20px 22px 100px;--pl: 100px}.info{grid-template-columns:1fr;padding:0 16px;gap:24px}.register__text strong{font-size:26px}}.result{position:fixed;inset:0;z-index:70;background:#1e140e9e;display:grid;place-items:center;padding:16px;overflow-y:auto}.result__box{position:relative;width:min(460px,100%);background:#f6efe2 url("./assets/paper-cream-3JWZ4TEW.webp") 0 0 / 600px;border-radius:6px;padding:22px 20px 20px;box-shadow:0 20px 50px #00000059}.result__box h2{margin:0 0 6px;font-family:var(--f-display-ar);font-size:24px;color:var(--ink)}.result__box p{margin:0 0 12px;font-size:14px;line-height:1.8;color:#3d2c20}.result__box img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 6px 16px #28190a4d;-webkit-touch-callout:default;user-select:auto}.result__actions{display:flex;gap:10px;margin-top:14px}.result__actions .btn{flex:1}.result__close{position:absolute;top:10px;left:10px;width:40px;height:40px;border:0;border-radius:50%;background:#2c1f1714;cursor:pointer;display:grid;place-items:center}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}