
:root{font-family:Arial,Tahoma,sans-serif;color:#342127;background:#fffaf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}.shell{min-height:100vh}.preview-banner{background:#52212e;color:#fff;text-align:center;padding:10px 16px;font-size:13px;letter-spacing:.01em}.page{display:grid;grid-template-columns:minmax(340px,47%) 1fr;min-height:100vh}.visual{background:linear-gradient(180deg,rgba(47,12,21,.18),rgba(47,12,21,.03) 30%,rgba(36,7,17,.6)),url('/assets/hero-optimized.webp') center/cover;min-height:720px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:44px clamp(30px,5vw,80px) 62px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:16px;letter-spacing:.15em;font-weight:bold;text-shadow:0 1px 6px #3215}.brand-mark{border:1px solid #ffffff9c;border-radius:50%;height:54px;width:54px;display:grid;place-items:center;letter-spacing:-.1em;font-size:19px;flex:none}.brand-mark span{color:#e4b89a}.brand small{font-family:Arial,sans-serif;font-size:8px;font-weight:normal;letter-spacing:.22em;display:block;margin-top:7px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.2em;font-weight:bold}.visual h1{font-size:clamp(44px,5vw,78px);line-height:1.12;letter-spacing:-.06em;margin:18px 0 16px}.visual h1 span{font-size:.5em;color:#e9baa7}.visual p{font-size:18px;line-height:1.8;max-width:420px}.form-side{padding:44px clamp(28px,6vw,98px) 65px;display:flex;align-items:center;justify-content:center}.form-wrap{width:100%;max-width:510px}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid #e9d8d5;padding-bottom:18px;color:#a47b7c;direction:ltr;font-size:12px;letter-spacing:.13em;font-weight:bold}.heading{margin:32px 0 38px}.gift-icon{color:#9e5460;background:#f8e7e5;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px}.heading h2,.success h2{font-size:clamp(31px,3vw,43px);letter-spacing:-.05em;margin:0 0 10px;color:#44212b}.heading p,.success p{color:#816e70;font-size:16px;line-height:1.7;margin:0}.follow-block{background:#f7efeb;border:1px solid #ecdbd6;border-radius:20px;padding:24px;margin-bottom:31px}.step-title{display:flex;align-items:center;gap:12px;font-size:18px;color:#49232d}.step-no{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#6a2c3a;color:#fff;font-size:15px;flex:none}.follow-block p{font-size:15px;color:#715f62;line-height:1.7;margin:15px 42px 18px 0}.follow-button,.submit{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;border-radius:12px;min-height:54px;font-size:15px;font-weight:bold;cursor:pointer}.follow-button{background:#fff;color:#5b2534;border:1px solid #e4cfce}.follow-button:hover{background:#fff8f6}.follow-button svg:last-child{margin-right:auto}.entry-form{display:flex;flex-direction:column}.entry-form>.step-title{margin-bottom:22px}.entry-form>label:not(.check-row){font-size:14px;font-weight:bold;margin-bottom:8px;color:#46353a}.entry-form>input:not(.trap),.input-wrap{height:54px;border-radius:11px;border:1px solid #e3d8d6;background:white;margin-bottom:18px;width:100%}.entry-form>input:not(.trap){padding:0 16px}.input-wrap{display:flex;direction:ltr;align-items:center;gap:2px;padding:0 15px;color:#9c7379}.input-wrap input{border:0;outline:0;width:100%;height:100%;background:transparent;direction:ltr}.entry-form input:focus,.input-wrap:focus-within{outline:2px solid #aa7380;outline-offset:1px}.entry-form input::placeholder{color:#b8a9a9}.check-row{display:flex;align-items:flex-start;gap:10px;line-height:1.55;font-size:14px;margin:7px 0;color:#55454a}.check-row input{accent-color:#702f40;width:18px;height:18px;flex:none;margin:2px 0}.check-row a,.plain-link{color:#702f40;text-underline-offset:3px}.submit{border:0;background:#662b3b;color:white;margin-top:22px;width:100%;box-shadow:0 10px 22px #662b3b25}.submit:hover{background:#51202e}.submit:disabled{opacity:.65;cursor:wait}.hint{font-size:13px;text-align:center;color:#8f7a7d;margin:12px 0}.error{background:#fff0ef;color:#a51e37;padding:12px;border-radius:9px;font-size:14px}.rules{border-top:1px solid #e9d8d5;margin-top:30px;padding-top:21px;color:#897779;font-size:13px;line-height:1.75}.rules h3{font-size:15px;color:#5b3942;margin:0 0 8px}.rules p{margin:7px 0}.trap{position:absolute;left:-9999px;opacity:0}.success{text-align:center;max-width:430px}.success-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#f7e7e5;color:#702f40;margin:0 auto 25px}.accent{color:#a26470}.success h2{margin-top:14px}.success p{margin:0 auto 30px}.entry-number{border:1px solid #dec2bd;background:#faf0ec;border-radius:17px;padding:22px;color:#612538;font:700 36px Georgia,serif;letter-spacing:.04em;margin:24px 0}.plain-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:bold}@media(max-width:850px){.page{grid-template-columns:1fr}.visual{position:relative;height:390px;min-height:0;padding:24px 26px 34px;background-position:center 57%}.brand{font-size:13px}.brand-mark{height:43px;width:43px;font-size:15px}.brand small{font-size:7px}.visual h1{font-size:39px;margin:10px 0}.visual p{font-size:15px;line-height:1.5;margin:0}.form-side{padding:30px 22px 48px}.heading{margin:27px 0}.follow-block{padding:19px}.follow-block p{margin-right:0}.section-label{font-size:11px}}@media(max-width:410px){.visual{height:345px}.visual h1{font-size:33px}.follow-button{font-size:13px}.form-side{padding-inline:18px}}
.brand-logo{display:block;width:clamp(140px,16vw,205px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;box-shadow:0 12px 40px #1c07184d}.schedule{margin:-14px 0 28px;padding:20px 22px;border:1px solid #dfc4b6;border-right:3px solid #b28a54;border-radius:12px;background:#fff6ee}.schedule>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin-bottom:11px}.schedule span{font-size:14px;color:#795c61}.schedule strong{font-size:16px;color:#512735}.schedule p{font-size:14px;line-height:1.7;margin:14px 0 0;padding-top:12px;border-top:1px solid #ead8cf;color:#725459}.success .success-schedule{font-size:16px;color:#6a2c3a}@media(max-width:850px){.brand-logo{width:115px}.visual{height:420px}.schedule{padding:18px}.schedule>div{flex-wrap:wrap;gap:5px 14px}}@media(max-width:410px){.visual{height:385px}.brand-logo{width:105px}.schedule>div{display:block}.schedule span{display:block;margin-bottom:5px}}

.instagram-fallback{margin-top:16px;font-size:14px;color:#6a2c3a}.instagram-fallback summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.instagram-fallback p{margin:12px 0;font-size:14px}.instagram-fallback input{display:block;width:100%;border:1px solid #dfc4b6;background:#fff;padding:12px;border-radius:8px;font-size:14px}.instagram-fallback button{margin-top:10px;background:#662b3b;color:white;border:0;border-radius:8px;padding:10px 18px;cursor:pointer}
.closed-message{background:#faf0ec;color:#612538;border:1px solid #dec2bd;border-radius:12px;padding:20px;line-height:1.8;font-size:16px}
.instagram-fallback{margin-top:14px!important}.instagram-fallback p{margin:0 0 10px!important;font-size:13px!important}.instagram-address{display:flex;gap:8px;align-items:center;min-width:0}.instagram-address a{font-size:13px;color:#6a2c3a;overflow-wrap:anywhere;flex:1;direction:ltr;text-align:left}.instagram-address button{padding:8px 13px;font-size:13px;flex:none}.copy-select{position:absolute;left:-9999px;opacity:0;width:1px;height:1px}
.instagram-address input{display:block;width:100%;min-width:0;height:42px;padding:8px;border:1px solid #dfc4b6;border-radius:8px;background:#fff;color:#6a2c3a;font-size:13px;direction:ltr;text-align:left}
.intro{position:relative;min-height:100vh;min-height:100svh;background:#2b0c15 url('/assets/hero-optimized.webp') center 55%/cover no-repeat;overflow:hidden;color:#fff}.intro-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(37,8,15,.42) 0%,rgba(37,8,15,.05) 38%,rgba(37,8,15,.24) 55%,rgba(27,4,12,.8) 100%)}.intro-content{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(22px,5vw,64px)}.intro-logo{display:block;width:clamp(138px,19vw,220px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 16px 50px #17040b99}.intro-action{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:clamp(14px,4vh,58px)}.intro-ornament{display:flex;align-items:center;gap:16px;color:#efd2a9;font-size:20px;margin-bottom:14px}.intro-ornament span{width:46px;height:1px;background:linear-gradient(90deg,transparent,#efd2a9)}.intro-ornament span:last-child{transform:rotate(180deg)}.intro h1{font-family:"Noto Naskh Arabic","Traditional Arabic","Geeza Pro",serif;font-size:clamp(30px,5.4vw,76px);font-weight:700;line-height:1.35;white-space:nowrap;letter-spacing:-.035em;text-shadow:0 3px 15px #250715,0 8px 35px #250715;margin:0 0 26px;color:#fff9f3}.intro-button{min-width:240px;min-height:58px;padding:13px 32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(135deg,#e5c693,#f8e6c3 48%,#cc9e62);color:#3d1925;text-decoration:none;font-size:19px;font-weight:700;box-shadow:0 12px 34px #210611a8, inset 0 1px #fff9;border:1px solid #f9e7c8;transition:transform .2s,box-shadow .2s}.intro-button:hover,.intro-button:focus-visible{transform:translateY(-3px);box-shadow:0 17px 40px #210611ba}.intro-button span{font-size:24px;line-height:1}@media(max-width:850px){.intro{background-position:50% 57%}.intro-content{padding:28px 20px 34px}.intro-logo{width:clamp(125px,31vw,165px)}.intro h1{font-size:clamp(27px,7.1vw,48px);margin-bottom:20px}.intro-button{min-height:56px;font-size:17px}}@media(max-width:390px){.intro h1{font-size:6.9vw}.intro-button{min-width:215px}}@media(prefers-reduced-motion:reduce){.intro-button{transition:none}}
.intro-content{align-items:flex-end}.intro h1{color:#f3e8e4;margin-bottom:42px;text-shadow:0 3px 14px #280816,0 8px 34px #280816}
@media(max-width:850px){.intro h1{margin-bottom:34px}}
:is(a.submit){text-decoration:none}
.participant-number{border:1px solid #dec2bd;background:#faf0ec;border-radius:15px;padding:17px 18px;margin-top:22px;color:#612538}.participant-number>span{display:block;font-size:14px;font-weight:bold;margin-bottom:9px}.participant-number>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.participant-number strong{font-family:Arial,sans-serif;font-size:clamp(18px,4vw,24px);letter-spacing:.035em;overflow-wrap:anywhere}.participant-number button{border:1px solid #d6b6b4;background:#fff;border-radius:8px;color:#612538;padding:8px 13px;cursor:pointer}.participant-number small{display:block;font-size:13px;line-height:1.6;color:#715f62;margin-top:10px}
.entry-form>p:not(.hint){font-size:16px;line-height:1.7;color:#715f62;margin:4px 0 0}
/* Prize board on the cover; keep all six gifts visible without a large download. */
.intro{background-image:url('/assets/hero-optimized.webp')}.intro-content{align-items:stretch}.intro-logo{align-self:flex-end}.intro-prizes{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:auto;max-width:min(56vw,350px);height:auto;max-height:42svh;object-fit:contain;border-radius:14px;box-shadow:0 16px 45px #21061199}.intro-action{margin-top:auto}.intro h1{margin-bottom:34px}
@media(max-width:850px){.intro-prizes{top:46%;max-width:min(75vw,325px);max-height:38svh}.intro-content{padding:20px 18px 27px}.intro-logo{width:clamp(105px,25vw,145px)}.intro h1{font-size:clamp(25px,6.8vw,42px);margin-bottom:24px}}
@media(max-height:650px){.intro-prizes{max-height:32svh;top:46%}.intro-logo{width:95px}.intro-button{min-height:48px}}
/* Keep the title above the larger prize image at every screen size. */
.intro-content{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;gap:clamp(8px,1.5svh,20px);padding:clamp(15px,3svh,32px) clamp(15px,4vw,48px)}
.intro-logo{justify-self:end;width:clamp(82px,15svh,150px)}
.intro h1.intro-title{position:relative;margin:0;color:#fff7ed;font-family:"Noto Naskh Arabic","Traditional Arabic","Geeza Pro",serif;font-size:clamp(25px,5.1vw,60px);line-height:1.35;white-space:nowrap;text-align:center;text-shadow:0 4px 12px #21060b,0 7px 30px #21060b}
.intro-prizes{position:relative;top:auto;left:auto;transform:none;align-self:center;width:auto;max-width:min(88vw,475px);max-height:min(53svh,520px);height:auto;object-fit:contain}
.intro-action{margin:0;padding:0 0 clamp(7px,1.2svh,15px)}
@media(max-width:650px){.intro-content{gap:9px}.intro-logo{width:clamp(78px,12svh,115px)}.intro h1.intro-title{font-size:clamp(23px,5.75vw,37px)}.intro-prizes{max-width:min(88vw,420px);max-height:50svh}}
@media(max-height:620px){.intro-prizes{max-height:42svh}.intro-logo{width:72px}.intro h1.intro-title{font-size:clamp(22px,4.8vw,37px)}.intro-button{min-height:46px}}
/* Center the cover message and arrange the six existing images in a wider grid. */
.intro-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:clamp(14px,3svh,28px) clamp(14px,3vw,36px)}
.intro-logo{align-self:flex-start;width:clamp(78px,12svh,125px)}
.intro-action{flex:1;min-height:0;width:100%;max-width:850px;align-self:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.4svh,22px);padding:0 0 8px}
.intro h1.intro-title{margin:0;width:100%;text-align:center;font-size:clamp(24px,5.2vw,62px);line-height:1.3;color:#fff7ed;white-space:nowrap;text-shadow:0 4px 12px #21060b,0 7px 30px #21060b}
.intro-prizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;position:relative;top:auto;left:auto;transform:none;width:min(86vw,640px);max-width:none;max-height:none;height:auto;overflow:hidden;border-radius:12px;padding:3px;background:#eac4a6;box-shadow:0 18px 48px #210611aa}
.prize-tile{display:block;aspect-ratio:9/8;min-width:0;background-image:url('/assets/giveaway-prizes.webp');background-size:200% 300%;background-repeat:no-repeat}
.prize-tile-1{background-position:0 0}.prize-tile-2{background-position:100% 0}.prize-tile-3{background-position:0 50%}.prize-tile-4{background-position:100% 50%}.prize-tile-5{background-position:0 100%}.prize-tile-6{background-position:100% 100%}
@media(max-width:650px){.intro-logo{width:clamp(75px,12svh,105px)}.intro h1.intro-title{font-size:clamp(22px,6vw,35px)}.intro-prizes{width:min(88vw,480px)}}
@media(max-height:620px){.intro-logo{width:67px}.intro-action{gap:8px}.intro-prizes{width:min(75vw,410px)}.intro h1.intro-title{font-size:clamp(21px,5.2vw,36px)}.intro-button{min-height:45px}}

[hidden]{display:none!important}.entry-number{overflow-wrap:anywhere}.entry-form>.hint{margin:0 0 18px;text-align:right}.intro-button:focus-visible{outline:3px solid #fff;outline-offset:5px}
