@font-face{font-family:Manrope;src:url(/fonts/Manrope-Regular.woff2)}*{box-sizing:border-box}:root{--black:#050807;--onyx:#090d0b;--green:#063f32;--emerald:#08705a;--gold:#d6b45f;--cream:#f5e7bd}html{scroll-behavior:smooth}body{color:#e9dfc5;background:#030504;margin:0;font:11px/1.7 Montserrat,Manrope,sans-serif}a{color:inherit}main{background:var(--black);width:460px;margin:0 7vw 0 auto;position:relative;overflow:hidden;box-shadow:0 0 100px #000}.desktop{background:linear-gradient(90deg,#020403f2,#030504b5),url(/images/couples/luxury-islami/pengantin-luxury.png) 50% 22%/cover;position:fixed;inset:0 43% 0 0}.desktop:after{content:"";border:1px solid #d2af5552;position:absolute;inset:22px;box-shadow:inset 0 0 0 7px #050807aa}.panel{z-index:2;max-width:390px;position:absolute;bottom:12%;left:max(7vw,50vw - 625px)}.panel>span,.eyebrow{letter-spacing:3.3px;color:#c9a752;font-size:7px;font-weight:600}.panel h2{color:#f6edda;margin:19px 0;font:500 51px/.98 Cormorant Garamond}.panel h2 em{color:#d8b45e}.panel p{color:#a9a796;max-width:325px}.panel a{color:#d5c39b;text-underline-offset:6px;margin-top:18px;font-size:9px;display:inline-block}.desktop-count{color:#d5b55f;align-items:center;gap:11px;margin-top:18px;display:flex}.desktop-count b{font:33px Cormorant Garamond}.desktop-count small{letter-spacing:2px;font-size:6px}section,footer{isolation:isolate;text-align:center;border:1px solid #b8933e66;flex-direction:column;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;max-height:100dvh;padding:68px 36px 76px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #020403aa,inset 0 0 0 6px #d0aa4e28}section>:not(.theme-ornament,.theme-bead-rail,.hero-bg,.veil),footer>:not(.theme-ornament,.theme-bead-rail){z-index:2;position:relative}h1,h2,h3{font-family:Cormorant Garamond;font-weight:500}h2{color:#f3e8cc;margin:8px 0 13px;font-size:40px;line-height:1}h2 em{color:#d8b45e}.eyebrow{display:block}.intro{color:#a8a99d;max-width:340px;margin:0 auto 16px;font-size:9px}.button{text-transform:uppercase;letter-spacing:1.7px;border:1px solid;justify-content:center;align-items:center;min-height:40px;padding:10px 21px;font-size:7px;text-decoration:none;display:inline-flex}.gold{color:#080a08;background:linear-gradient(135deg,#e1c36f,#987126);border-color:#d1ad55}.emerald{color:#f2e6c4;background:#0a5543;border-color:#c9aa59}.cover{background:#050807}.hero-bg{background:url(/images/couples/luxury-islami/pengantin-luxury.png) 50% 18%/cover;animation:14s ease-in-out infinite alternate cinema;position:absolute;inset:0}.veil{background:linear-gradient(#02040391,#020403b8 54%,#030504f5),radial-gradient(circle at 50% 28%,#0000,#000b 75%);position:absolute;inset:0}.monogram,.seal{color:#f1ddb0;background:#0407069c;border:1px solid #d2ad54;border-radius:50%;justify-content:center;align-items:center;gap:8px;width:74px;height:74px;margin-bottom:14px;font:500 25px Cormorant Garamond;display:flex;box-shadow:0 0 0 5px #04070699,0 0 0 6px #d5b35b44,0 0 35px #00936c30}.monogram span,.seal span{color:#11a47f;font-size:9px}.cover h1{color:#fff8e8;text-shadow:0 5px 25px #000;margin:9px 0 7px;font:600 57px/.82 Cormorant Garamond;display:grid}.cover h1 i{color:#d7b45d;margin:6px;font:italic 25px Amiri}.date,.date-line{letter-spacing:2px;text-transform:uppercase;color:#dbc888;font:500 10px Cormorant Garamond}.guest{background:#03050466;border-block:1px solid #d1ad566e;gap:3px;width:250px;margin:15px 0;padding:9px;display:grid}.guest small{color:#aaa897;font-size:6px}.guest strong{color:#f3e8cc;font:500 18px Cormorant Garamond}.countdown{grid-template-columns:repeat(4,1fr);gap:5px;width:275px;margin-top:14px;display:grid}.countdown div{backdrop-filter:blur(10px);background:#030504a3;border:1px solid #c5a14b55;padding:6px}.countdown b,.countdown small{display:block}.countdown b{color:#f0dab0;font:600 17px Cormorant Garamond}.countdown small{color:#858c84;letter-spacing:1px;text-transform:uppercase;font-size:5px}.couple{background:radial-gradient(circle at 50% 48%,#0b765a32,transparent 39%),repeating-conic-gradient(from 45deg at 50% 50%,#caaa4d0b 0 5deg,transparent 5deg 22deg),#070b09}.couple figure{clip-path:polygon(50% 0,94% 16%,100% 85%,50% 100%,0 85%,6% 16%);background:#030504;border:1px solid #c9a650;width:178px;height:218px;margin:0 auto 14px;padding:4px;position:relative}.couple figure:after{content:"";clip-path:inherit;border:1px solid #0a9d775c;position:absolute;inset:10px}.couple figure img{object-fit:cover;object-position:center 18%;width:100%;height:100%}.names{border-block:1px solid #c8a4505c;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;width:100%;padding:10px;display:grid}.names small{color:#9c8248;letter-spacing:1.7px;font-size:5px}.names h3{color:#f1e5c7;margin:1px 0 3px;font-size:21px}.names p{color:#8d968e;margin:0;font-size:6.5px}.names>b{color:#12a37c;font-size:10px}.verse{background:radial-gradient(circle at 50% 48%,#0a765a40,#0000 43%),linear-gradient(145deg,#030605,#0a100d)}.arch{background:linear-gradient(150deg,#ffffff08,#05624b17);border:1px solid #caa74f;border-radius:175px 175px 5px 5px;max-width:345px;padding:50px 26px;box-shadow:inset 0 0 0 6px #030504,inset 0 0 0 7px #0da17a42,0 22px 50px #0008}.arabic{color:#f5e6bc;margin:19px 0 12px;font:700 29px/1.7 Amiri}.verse blockquote{color:#fff6df;margin:0;font:italic 23px/1.4 Cormorant Garamond}.jewel{color:#14a17c;margin:14px}.verse p{color:#929b93;font-size:8px}.events{background:radial-gradient(circle at 50% 0,#0c70563d,#0000 40%),#070b09}.events h2{margin-bottom:7px}.date-line{margin:0 0 12px}.event-list{gap:8px;width:100%;margin:0 0 13px;display:grid}.event-list article{text-align:left;background:linear-gradient(120deg,#ffffff08,#08705418);border:1px solid #bea04e6b;grid-template-columns:46px 1fr;gap:12px;padding:13px 15px;display:grid;box-shadow:0 10px 26px #0005}.num{color:#ebd392;border:1px solid #cba951;place-items:center;width:42px;height:42px;font:600 9px Montserrat;display:grid;transform:rotate(45deg)}.num:first-line{transform:rotate(-45deg)}.event-list small{color:#9f8345;letter-spacing:1.5px;font-size:5px}.event-list h3{color:#f1e3c2;margin:1px 0;font-size:21px}.event-list b{color:#d3bd83;font-size:7px}.event-list p{color:#8f988f;margin:1px 0;font-size:6.5px}.gallery{background:#040706}.gallery h2{margin-bottom:17px}.photos{grid-template-rows:1fr 1fr;grid-template-columns:1.15fr .85fr;gap:7px;width:100%;height:min(58dvh,445px);display:grid}.photos figure{background:#020403;border:1px solid #c8a34d;margin:0;position:relative;overflow:hidden}.photos figure:first-child{grid-row:1/3}.photos img{object-fit:cover;width:100%;height:100%}.photos figure:first-child img{object-position:43% 18%}.photos figure:nth-child(2) img{object-position:67% 16%}.photos figure:nth-child(3) img{object-position:28% 20%}.photos figcaption{color:#e6d09a;letter-spacing:1px;background:linear-gradient(#0000,#020403df);padding:25px 8px 7px;font:italic 11px Cormorant Garamond;position:absolute;inset:auto 0 0}.gift{background:radial-gradient(circle at 50% 35%,#096e5535,#0000 45%),#070b09}.accounts{gap:8px;width:100%;margin-top:9px;display:grid}.accounts article{text-align:left;background:linear-gradient(135deg,#121713,#080b09);border:1px solid #b99a4b6b;padding:15px;position:relative;box-shadow:0 12px 28px #0005}.chip{color:#0ca57d;position:absolute;top:14px;right:15px}.accounts span{color:#eedcae;font:600 18px Cormorant Garamond}.accounts small{color:#777f78;letter-spacing:1px;margin-top:5px;font-size:5px;display:block}.accounts b{color:#d8c28c;letter-spacing:1px;font-size:12px;display:block}.accounts p{color:#8e968f;margin:1px 0;font-size:7px}.accounts button{color:#d6bd7c;background:0 0;border:1px solid #aa8d46;padding:6px 9px;font-size:6px;position:absolute;bottom:13px;right:13px}.copy-status{display:none}.rsvp{background:radial-gradient(circle at 100% 0,#08735736,#0000 42%),#050807}form{text-align:left;background:#ffffff05;border:1px solid #b8994a6b;width:100%;padding:15px}.field{margin-bottom:8px}label{color:#a58a4c;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;font-size:6px;display:block}input,select,textarea{color:#eee2c7;background:#080c0a;border:1px solid #71623d;width:100%;padding:9px;font:8px Montserrat}textarea{resize:none;height:54px}form .button{width:100%;margin-top:2px}footer{background:radial-gradient(circle at 50% 26%,#08795b4d,transparent 38%),repeating-conic-gradient(from 0deg at 50% 100%,#d2ad5010 0 2deg,transparent 2deg 13deg),#030504}footer h2{margin:13px 0 4px;font-size:46px}footer>p{color:#ccb77f;letter-spacing:2px;margin:0}footer>.countdown{margin:18px 0}footer>small{color:#707972;font-size:6px}.progress{z-index:12;background:#b5944440;width:1px;height:110px;position:fixed;top:50%;right:calc(7vw + 468px);transform:translateY(-50%)}.progress i{background:#d5b55e;width:3px;height:22%;margin-left:-1px;display:block;box-shadow:0 0 12px #10a57d}nav{z-index:15;bottom:calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(22px);background:#030605e8;border:1px solid #a88945;border-radius:28px;width:424px;margin-left:18px;padding:4px;display:flex;position:fixed;box-shadow:0 15px 35px #0008}nav a{color:#cdb26b;border-radius:22px;flex:1;place-items:center;min-height:44px;font-size:13px;text-decoration:none;display:grid}nav small{font-size:6px}.theme-ornament{filter:drop-shadow(0 6px 8px #000a)drop-shadow(0 0 8px #0aa47b35)}.theme-bead-rail i{color:#bda052;filter:drop-shadow(0 0 4px #0da27d);place-items:center;width:9px;height:9px;font-size:9px;display:grid;background:0 0!important;border:0!important}@keyframes cinema{to{transform:scale(1.075)translateY(-1.5%)}}@media (width<=850px){.desktop,.progress{display:none}main{width:min(100%,460px);margin:auto}nav{width:min(100% - 32px,400px);margin:0;left:50%;transform:translate(-50%)}}@media (height<=700px){section,footer{padding:48px 30px 64px}h2{font-size:32px}.cover h1{font-size:45px}.monogram{width:55px;height:55px}.guest{margin:8px 0}.countdown{margin-top:7px}.couple .intro{margin-bottom:7px;font-size:7.5px}.couple figure{width:122px;height:147px;margin-bottom:7px}.names{padding:7px}.names h3{font-size:17px}.arch{padding:28px 20px}.arabic{margin:8px 0;font-size:23px}.verse blockquote{font-size:19px}.event-list{gap:5px;margin-bottom:7px}.event-list article{padding:8px 12px}.photos{height:49dvh}.accounts article{padding:10px 12px}form{padding:10px}.rsvp .intro{margin-bottom:6px}}main .invitation-countdown{display:none!important}main[data-theme-ornaments]>section,main[data-theme-ornaments]>footer{border-color:#d4b35d9c;box-shadow:inset 0 0 0 4px #020403,inset 0 0 0 5px #e0bd626e,inset 0 0 0 10px #020403d9,inset 0 0 0 11px #058b6a55,inset 0 0 48px #000c}main[data-theme-ornaments]>section:before,main[data-theme-ornaments]>footer:before{content:"";z-index:0;pointer-events:none;opacity:.7;background:linear-gradient(90deg,#d8b45c,#0000 20% 80%,#d8b45c) top/100% 1px no-repeat,linear-gradient(90deg,#d8b45c,#0000 20% 80%,#d8b45c) bottom/100% 1px no-repeat,linear-gradient(#d8b45c,#0000 20% 80%,#d8b45c) 0/1px 100% no-repeat,linear-gradient(#d8b45c,#0000 20% 80%,#d8b45c) 100%/1px 100% no-repeat;position:absolute;inset:14px}main[data-theme-ornaments]>section:after,main[data-theme-ornaments]>footer:after{content:"◆  ✦  ◆";z-index:1;color:#d9b65d;letter-spacing:8px;text-shadow:0 0 8px #0bb58c,0 0 16px #d2aa50;pointer-events:none;font-size:7px;position:absolute;top:31px;left:50%;transform:translate(-50%)}main[data-theme-ornaments] .eyebrow{color:#e0bd68;text-shadow:0 0 12px #c9a34b35;justify-content:center;align-items:center;gap:9px;display:flex}main[data-theme-ornaments] .eyebrow:before,main[data-theme-ornaments] .eyebrow:after{content:"";background:linear-gradient(90deg,#0000,#d3af57);width:27px;height:1px}main[data-theme-ornaments] .eyebrow:after{transform:scaleX(-1)}main[data-theme-ornaments] h2{color:#0000;filter:drop-shadow(0 4px 14px #0008);background:linear-gradient(#fffaf0 5%,#e9d39d 54%,#b99243 100%);-webkit-background-clip:text;background-clip:text}main[data-theme-ornaments] h2:after{content:"◇  ◆  ◇";color:#0fb087;letter-spacing:8px;-webkit-text-fill-color:#0fb087;text-shadow:0 0 9px #0caf86;margin:12px auto 0;font:7px Montserrat;display:block}main[data-theme-ornaments] .theme-ornament{width:calc(var(--ornament-size) + 12px);height:calc(var(--ornament-size) + 12px);filter:drop-shadow(0 7px 10px #000d)drop-shadow(0 0 11px #00ae813e);animation:5s ease-in-out infinite luxury-jewel}main[data-theme-ornaments] .theme-bead-rail{filter:drop-shadow(0 0 5px #00ae83)}main[data-theme-ornaments] .theme-bead-rail i{text-shadow:0 0 5px #fff1bb,0 0 10px #08a77e;color:#d4b25a!important;font-size:11px!important}.cover:before{opacity:.78!important;background:radial-gradient(circle at 50% 13%,#ebcb7554 0 1px,#0000 2px) 0 0/19px 19px,linear-gradient(90deg,#0000,#d9b45d,#0000) top/65% 1px no-repeat,linear-gradient(#d9b45d,#0000) top/1px 30% no-repeat!important}.cover:after{content:"◆  ✦  ◆  ✦  ◆"!important;top:auto!important;bottom:35px!important}.cover .monogram{background:radial-gradient(circle,#0a3f34aa,#020403 70%);border:1px solid #f0ce73;width:88px;height:88px;box-shadow:0 0 0 5px #020403,0 0 0 6px #d8b45880,0 0 0 12px #020403b8,0 0 0 13px #087c6059,0 0 48px #0db58a5c}.cover .guest{background:linear-gradient(120deg,#050807d9,#0d4f3d73,#050807d9);border:1px solid #b9984c80;box-shadow:inset 0 0 0 4px #02040399,0 12px 32px #0008}.cover .countdown div{background:linear-gradient(145deg,#ffffff10,#0758425c);border-color:#d6b35e80;position:relative;box-shadow:inset 0 0 14px #0008,0 6px 18px #0007}.cover .countdown div:before{content:"◆";color:#d7b55f;font-size:6px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.couple{background-image:linear-gradient(#050908ed,#050908f5),url(/images/couples/luxury-islami/pengantin-luxury.png),repeating-conic-gradient(from 22.5deg at 50% 50%,#d3ae510d 0 4deg,transparent 4deg 16deg)!important;background-position:50%,50% 18%,50%!important;background-size:auto,cover,auto!important}.couple figure{box-shadow:0 0 0 5px #030504,0 0 0 6px #d5b158,0 0 0 11px #050907,0 0 0 12px #0b947153,0 22px 55px #000}.couple .names{background:linear-gradient(90deg,#040706d9,#0a594441,#040706d9);border:1px solid #b795496e;padding:14px 10px;box-shadow:inset 0 0 0 4px #030504,0 12px 35px #0008}.verse{background-image:radial-gradient(circle at 50% 42%,#087b5d5c,transparent 35%),repeating-conic-gradient(from 22.5deg at 50% 50%,#d6b45b10 0 3deg,transparent 3deg 15deg),linear-gradient(145deg,#020403,#09100d)!important}.verse .arch{border-width:1px;position:relative;box-shadow:inset 0 0 0 5px #030504,inset 0 0 0 6px #d6b35d66,inset 0 0 0 12px #030504,inset 0 0 0 13px #0ba37b4f,0 25px 70px #000b,0 0 48px #0d9d7740}.verse .arch:before{content:"✦";color:#ddbd69;text-shadow:0 0 14px #14a784;position:absolute;top:16px;left:50%;transform:translate(-50%)}.verse .arabic{text-shadow:0 3px 18px #000,0 0 18px #cda84b38}.events{background-image:radial-gradient(circle at 50% 0,#0aa07940,transparent 36%),linear-gradient(90deg,transparent 49.8%,#d6b25a20 50%,transparent 50.2%),repeating-linear-gradient(135deg,#d1ad4e08 0 1px,transparent 1px 20px),#050807!important}.event-list article{background:linear-gradient(105deg,#050807,#0b4d3b5c 55%,#050807);border-color:#d3b1588c;position:relative;box-shadow:inset 0 0 0 4px #020403,0 13px 30px #0009}.event-list article:after{content:"";pointer-events:none;border:1px solid #0ca27b3f;position:absolute;inset:4px}.event-list article:hover{border-color:#efd073;box-shadow:0 0 30px #0a977142,0 15px 35px #000}.gallery{background-image:radial-gradient(circle at 50% 50%,#08775a35,transparent 45%),repeating-conic-gradient(from 45deg at 50% 50%,#d3ae5009 0 4deg,transparent 4deg 18deg),#030504!important}.photos{background:#020403;border:1px solid #c9a65075;padding:6px;box-shadow:0 18px 48px #000b,0 0 35px #0a9e7733}.photos figure{box-shadow:inset 0 0 0 4px #030504}.photos figure:after{content:"";pointer-events:none;border:1px solid #e3c67542;position:absolute;inset:5px}.gift{background-image:radial-gradient(circle at 50% 35%,#0a856448,transparent 42%),repeating-linear-gradient(45deg,#d5b15108 0 1px,transparent 1px 18px),#050807!important}.accounts article{background:linear-gradient(120deg,#121714,#064b3a4d,#080b09);border-color:#d1ae5787;overflow:hidden;box-shadow:inset 0 0 0 4px #030504,0 15px 35px #0009}.accounts article:before{content:"";border:1px solid #d2ae5550;width:110px;height:110px;position:absolute;top:-50px;right:-48px;transform:rotate(45deg);box-shadow:0 0 0 8px #0c9c7620}.accounts .chip{text-shadow:0 0 12px #10a880;font-size:12px}.rsvp{background-image:radial-gradient(circle at 100% 0,#0a8e6b50,transparent 35%),radial-gradient(circle at 0 100%,#c59f4930,transparent 30%),repeating-conic-gradient(from 45deg at 50% 50%,#d3ad4f08 0 4deg,transparent 4deg 18deg),#040706!important}.rsvp form{background:linear-gradient(145deg,#ffffff0a,#07533f34);border-color:#d1ae5687;box-shadow:inset 0 0 0 5px #030504,0 20px 55px #000a}.rsvp input,.rsvp select,.rsvp textarea{background:linear-gradient(90deg,#070a08,#0b211a);border-color:#8e773e;box-shadow:inset 0 4px 12px #0007}footer .seal{width:91px;height:91px;box-shadow:0 0 0 5px #030504,0 0 0 6px #d8b45885,0 0 0 13px #030504,0 0 0 14px #0da17b56,0 0 50px #08a27b55}footer{background-image:radial-gradient(circle at 50% 27%,#0b9a735f,transparent 33%),repeating-conic-gradient(from 0deg at 50% 110%,#d6b45716 0 2deg,transparent 2deg 10deg),linear-gradient(#030504,#010201)!important}@keyframes luxury-jewel{0%,to{filter:drop-shadow(0 6px 8px #000d)drop-shadow(0 0 7px #00ae812f)}50%{filter:drop-shadow(0 8px 11px #000e)drop-shadow(0 0 15px #0ac4935c)}}@media (width<=480px){main[data-theme-ornaments] .theme-ornament{width:calc(var(--ornament-mobile-size) + 8px);height:calc(var(--ornament-mobile-size) + 8px)}main[data-theme-ornaments]>.couple .names{padding:10px 7px}}@media (prefers-reduced-motion:reduce){main[data-theme-ornaments] .theme-ornament{animation:none}}
