:root{font-family:Noto Sans Arabic,serif;color:#65513f;background:#fbf7f3;font-synthesis:none;text-rendering:optimizeLegibility;--gold:#ad8050;--gold-dark:#91683f;--pink:#f5e2e5;--blue:#dceaf5;--sage:#899b7e;--ink:#5e4b3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:radial-gradient(ellipse at 7% 13%,#dceaf5a8,transparent 29%),radial-gradient(ellipse at 92% 31%,#f4dfe5a8,transparent 30%),#fcf9f5;overflow-x:hidden}button,a{font:inherit}:lang(ur),[dir=rtl]{font-family:Noto Sans Arabic,serif;font-synthesis:none}button{cursor:pointer}a{color:inherit;text-decoration:none}.opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#dceaf5,#fffaf7 46%,#f5e1e6);perspective:1400px}.wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 16% 12%,#a9cbe9a1,transparent 28%),radial-gradient(ellipse at 87% 19%,#edc2c7a3,transparent 28%),radial-gradient(ellipse at 78% 90%,#c9b5df66,transparent 30%),radial-gradient(ellipse at 5% 90%,#f2c6b5a0,transparent 25%)}.opening-content{z-index:5;width:min(90%,570px);min-height:min(690px,83vh);padding:55px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(140deg,#fffdf9ed,#fffaf4e8);border:1px solid #c5a477;outline:1px solid #c5a477;outline-offset:-9px;box-shadow:0 25px 70px #7b67512b;position:relative}.opening-content:before,.opening-content:after{content:"✿";position:absolute;color:#cba77c;font-size:28px}.opening-content:before{top:19px;right:22px}.opening-content:after{bottom:19px;left:22px}.opening-kicker,.small-cap,.event-en,.section-title>span,.closing-inner>.event-en,footer{font-family:Cormorant Garamond,serif;letter-spacing:3px;color:var(--gold);font-size:13px}.bismillah{font-size:clamp(17px,3vw,24px);color:#9b754d;margin:22px 0}.names{display:flex;flex-direction:column;align-items:center;gap:2px;color:#a77948}.names span{font-size:clamp(30px,6vw,48px);line-height:1.8}.names small{font-size:17px;color:#9a8570}.gold-rule{display:flex;align-items:center;gap:14px;color:var(--gold);margin:17px auto}.gold-rule i{display:block;width:65px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.gold-rule i:last-child{transform:rotate(180deg)}.opening-content p{font-size:17px}.open-button{margin-top:15px;background:linear-gradient(120deg,#b88e5b,#dfc397,#a87b49);color:#fff;border:1px solid #f8e8c7;padding:12px 35px;min-width:210px;box-shadow:0 7px 20px #9b754b40;border-radius:3px;font-size:19px}.open-button span{display:block;font:11px Cormorant Garamond,serif;letter-spacing:2px;margin-top:3px}.door{position:absolute;top:0;bottom:0;width:50.5%;z-index:4;pointer-events:none;background:linear-gradient(135deg,#fffaf2f2,#f5e3e1f2 55%,#dceaf5f2);border:1px solid #d1b58f;box-shadow:inset 0 0 0 12px #fff9,inset 0 0 0 14px #c9a779;transition:transform 1.35s cubic-bezier(.76,0,.18,1)}.door:after{content:"✿";position:absolute;top:50%;color:#c59d70;font-size:clamp(50px,9vw,100px);opacity:.7}.door-left{left:0;transform-origin:left center}.door-right{right:0;transform-origin:right center}.door-left:after{right:24%}.door-right:after{left:24%}.is-opening .door-left{transform:rotateY(-112deg)}.is-opening .door-right{transform:rotateY(112deg)}.is-opening .opening-content{opacity:0;transform:translateZ(90px) scale(1.05);transition:all .55s ease}.open-flower{position:absolute;z-index:3;opacity:.85}.open-flower.left{left:-70px;top:3%}.open-flower.right{right:-70px;bottom:2%;transform:rotate(180deg)}.floral{position:absolute;width:190px;height:190px;pointer-events:none;opacity:.8}.floral i{position:absolute;width:48px;height:76px;left:70px;top:12px;border-radius:70% 10%;background:linear-gradient(140deg,#fff,#f0c9c3);transform-origin:50% 80%;box-shadow:0 2px 9px #9c80602b}.floral i:nth-child(2){transform:rotate(72deg);background:linear-gradient(140deg,#fff,#e6d8d1)}.floral i:nth-child(3){transform:rotate(144deg);background:linear-gradient(140deg,#fff,#efb9b5)}.floral i:nth-child(4){transform:rotate(216deg);background:linear-gradient(140deg,#fff,#f1d6cf)}.floral i:nth-child(5){transform:rotate(288deg);background:linear-gradient(140deg,#fff,#e6d7cf)}.floral span{position:absolute;left:89px;top:75px;width:18px;height:18px;background:#d7b36e;border-radius:50%;box-shadow:0 0 0 5px #e6c99566}.top-mark{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1100px)/2));background:#fffaf2d9;border-bottom:1px solid #d7c4a6;position:relative;z-index:2}.top-mark>span{font:30px Great Vibes,cursive;color:#a77c4e}.top-mark em{font:18px Cormorant Garamond,serif}.top-mark small{font:11px Cormorant Garamond,serif;letter-spacing:2px;color:#9a8065}.section-pad{padding:90px 22px;position:relative}.hero{min-height:780px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(125deg,#dceaf56b,#fffaf6 38%,#f5e4e7a6)}.paper{width:min(100%,720px);padding:14px;background:linear-gradient(135deg,#fff,#fffaf4);box-shadow:0 22px 55px #8e77542b;border:1px solid #d5bd9a;position:relative}.paper:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #d8c3a6;pointer-events:none}.paper-inner{position:relative;text-align:center;padding:36px clamp(18px,5vw,60px);border:1px solid #eadfce}.paper-inner .bismillah{margin:0 0 18px}.paper h1{font-size:clamp(34px,6vw,48px);font-weight:500;color:#a77c4e;margin:6px 0 22px}.small-cap{font-size:11px}.intro-label{font-size:20px;margin:10px 0}.salutation{font-size:18px;color:#8c6c4e;margin:6px 0 20px}.invitation-copy{font-size:clamp(15px,2vw,18px);line-height:2.25;margin:12px auto;max-width:590px;text-align:center}.couple-names{display:flex;flex-direction:column;align-items:center;margin:18px 0;color:#9c7449}.couple-names strong{font-size:clamp(26px,4.8vw,37px);font-weight:500;line-height:1.9}.couple-names span{font-size:15px;color:#897764}.couple-names i{font-size:17px;font-style:normal;margin:8px 0;color:#b38c5d}.paper-footer{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding-top:16px;border-top:1px solid #dfc9a9;color:#a17b50;font:12px Cormorant Garamond,serif;letter-spacing:2px}.paper-footer b{font-size:19px}.hero-caption{text-align:center;margin-top:30px;max-width:620px}.hero-caption span{font:11px Cormorant Garamond,serif;letter-spacing:3px;color:#a78157}.hero-caption h2{font:clamp(23px,4vw,32px) "Cormorant Garamond",serif;font-weight:500;color:#98734f;margin:8px 0}.hero-caption p{font-size:16px}.hero-flower{z-index:0}.hero-flower-a{top:15px;right:2%;transform:scale(1.5) rotate(-15deg)}.hero-flower-b{bottom:20px;left:1%;transform:scale(1.7) rotate(190deg)}.invitation-paper,.hero-caption{z-index:1}.events-section{background:linear-gradient(135deg,#f7e8e8,#f7faff 48%,#f9eee7)}.section-title{text-align:center;margin-bottom:44px}.section-title>span{font-size:12px}.section-title h2{font-size:clamp(30px,5vw,42px);font-weight:500;color:#98734f;margin:5px 0}.ornament{display:flex;align-items:center;justify-content:center;gap:13px;color:#bd9869}.ornament b{height:1px;width:48px;background:#cdb28f}.event-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.event-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffdf9f5,#fff7f5f5);border:1px solid #d8c2a0;padding:13px;box-shadow:0 18px 38px #8f7c6221;scroll-margin-top:90px}.event-card:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #e0c9a8;pointer-events:none}.barat-card{background:linear-gradient(145deg,#fffdfb,#f5edf8)}.event-card-content{position:relative;z-index:1;text-align:center;padding:25px 20px 24px}.card-flower{right:-54px;top:-42px;transform:scale(.8);opacity:.38}.event-en{font-size:12px;letter-spacing:3px}.event-card h3{font-size:38px;color:#a37a4c;font-weight:500;margin:2px 0 4px}.event-names{display:flex;flex-direction:column;align-items:center;color:#8e6a47}.event-names strong{font-size:23px;font-weight:500}.event-names i{font-size:14px;font-style:normal;margin:2px}.event-divider{color:#b99467;margin:12px}.event-meta{display:flex;flex-direction:column;gap:9px;text-align:center;font-size:15px;line-height:1.9}.event-meta>div{display:flex;align-items:center;justify-content:center;gap:9px}.event-meta svg{width:16px;height:16px;color:#b18b5b;flex-shrink:0}.venue-line{max-width:410px;margin:0 auto}.dinner-label{color:#a27a4d}.count-label{font-size:14px;color:#9c805e;margin:20px 0 9px}.countdown{display:flex;justify-content:center;gap:9px}.count-unit{min-width:62px;background:linear-gradient(145deg,#f7e8e8,#eaf1f7);border:1px solid #e1c9a9;padding:7px 4px;color:#9a744d}.count-unit b{display:block;font:27px Cormorant Garamond,serif;line-height:1.1}.count-unit span{font-size:12px}.event-status{color:#9b7046;padding:12px;border:1px solid #e3cfb2;background:#fff9ed}.event-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:2px;font-size:14px;border:1px solid #b99467;transition:.25s ease;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 7px 15px #9a79502a}.button-gold{background:linear-gradient(120deg,#b58c5b,#d8bd91);color:#fff;border-color:#b58c5b}.button-outline{background:#fffdf9;color:#94704a}.location-section{background:linear-gradient(135deg,#e6f0f7,#fffaf5 50%,#f7e6e8)}.location-cards{max-width:930px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.location-card{background:#fffdf9e8;border:1px solid #d8c3a3;outline:1px solid #eadfce;outline-offset:-7px;padding:35px 26px;text-align:center;box-shadow:0 12px 30px #8c76551c}.location-icon{width:48px;height:48px;border-radius:50%;margin:0 auto 13px;display:grid;place-items:center;color:#a47c4e;background:#f4e7df}.location-card h3{font-size:27px;font-weight:500;color:#9b744d;margin:6px 0 12px}.location-card p{font-size:16px;line-height:2;min-height:64px;margin:0 auto 20px;max-width:380px}.contact-section{background:linear-gradient(120deg,#f9e9e9,#fffaf5 48%,#e8f0f7)}.contact-panel{max-width:740px;margin:auto;padding:35px clamp(18px,5vw,50px);background:#fffdf9e8;border:1px solid #d9c4a4;box-shadow:0 15px 35px #927b5920;text-align:center}.contact-intro{font-size:17px;margin:0 0 24px}.contact-list{display:flex;flex-direction:column;gap:12px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #eee2d2;padding:12px 0}.contact-number{display:flex;align-items:center;gap:10px;color:#98734e}.contact-number b{font:18px Cormorant Garamond,serif;letter-spacing:1px}.contact-actions{display:flex;gap:8px}.button-whatsapp{background:#e8f3e8;color:#537b54;border-color:#b7d0b5}.contact-locations{border-top:1px solid #e5d7c3;margin-top:25px;padding-top:22px}.contact-locations>span{display:block;margin-bottom:12px}.tab-row{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.tab-row button{background:#fff;border:1px solid #d9c5a5;color:#96724c;padding:8px 18px}.tab-row button.selected{background:#b38b5b;color:#fff}.closing{overflow:hidden;text-align:center;background:linear-gradient(135deg,#dceaf5,#fffaf6 48%,#f5e1e5);padding-top:100px;padding-bottom:105px}.closing-inner{position:relative;z-index:1;max-width:700px;margin:auto}.closing-inner h2{font-size:clamp(23px,4vw,32px);font-weight:500;color:#94704b;margin:18px 0}.closing-inner p{font-size:18px;line-height:2}.closing-names{display:flex;flex-direction:column;align-items:center;color:#a47a4b;margin-top:22px}.closing-names strong{font-size:30px;font-weight:500}.closing-names span{font-size:16px;margin:5px}.closing-flower{left:calc(50% - 95px);top:-35px;transform:scale(2);opacity:.17}footer{height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fffaf3;color:#9b7b56;font-size:11px}footer span{font-size:16px}footer small{font:10px Cormorant Garamond,serif;letter-spacing:2px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:0;background:#fffdf7f2;border-top:1px solid #ddc8a9;box-shadow:0 -5px 22px #7f6a4d12;padding:6px max(8px,calc((100% - 600px)/2)) calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{border:0;background:transparent;color:#9b8b78;flex:1;max-width:110px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;font-size:12px}.bottom-nav button.active{color:#a77b4a}.bottom-nav button.active svg{stroke-width:2.5}@media (max-width:760px){.section-pad{padding:65px 15px}.opening-content{min-height:590px;width:88%;padding:45px 16px}.opening-content .names span{font-size:32px}.open-flower{transform:scale(.7)}.door{box-shadow:inset 0 0 0 7px #fff9,inset 0 0 0 9px #c9a779}.hero{min-height:0;padding-top:65px;padding-bottom:65px}.paper-inner{padding:28px 17px}.invitation-copy{line-height:2.05}.hero-flower-a{right:-65px}.hero-flower-b{left:-70px}.event-grid,.location-cards{grid-template-columns:1fr;max-width:510px}.event-card-content{padding:25px 13px}.event-actions .button{font-size:13px;padding:9px 10px}.contact-panel{padding:28px 15px}.contact-row{flex-direction:column;align-items:stretch}.contact-number,.contact-actions{justify-content:center}.contact-actions .button{flex:1}.tab-row button{font-size:14px;padding:8px 12px}.top-mark{height:60px}.bottom-nav button{font-size:11px}.bottom-nav button svg{width:18px;height:18px}}@media (max-width:380px){.countdown{gap:5px}.count-unit{min-width:55px}.event-actions{flex-direction:column}.event-actions .button{width:100%}.opening-content{min-height:540px}.opening-content .names span{font-size:28px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}