:root{--gold:#b88945;--cream:#f8f5ee;--ink:#123b63;--glass:rgba(255,255,255,.72);--line:rgba(184,137,69,.42);--blue:#dbeef9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dcecf6;color:var(--ink);font-family:"Noto Naskh Arabic","Amiri","Tahoma",Arial,sans-serif}button,a,input,textarea{font:inherit}
.opening{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#dcecf6 url('assets/background.jpg') center/cover no-repeat;transition:opacity .9s ease,visibility .9s}.opening.opened{opacity:0;visibility:hidden;pointer-events:none}.opening:after{content:"";position:absolute;inset:0;background:rgba(238,248,253,.24);pointer-events:none}.opening-square-wrap{width:min(84vw,390px);aspect-ratio:1/1;position:relative;perspective:1200px;z-index:2;filter:drop-shadow(0 25px 35px rgba(31,63,84,.28))}.opening-square{position:relative;width:100%;height:100%;border:0;border-radius:28px;overflow:hidden;cursor:pointer;background:linear-gradient(90deg,#7d542e 0 49.7%,#9b6b3a 49.7% 50.3%,#6d4728 50.3% 100%);box-shadow:inset 0 0 0 5px rgba(255,244,216,.85),inset 0 0 0 9px rgba(151,105,54,.8),0 18px 50px rgba(31,52,65,.35);transition:transform 1.25s cubic-bezier(.7,0,.2,1),opacity .7s}.opening-square:focus-visible{outline:3px solid #fff;outline-offset:4px}.opening-square:before{content:"";position:absolute;inset:16px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(0,0,0,.18),rgba(255,255,255,.05));border:2px solid rgba(230,195,137,.6);border-radius:20px;box-shadow:inset 0 0 30px rgba(24,12,5,.35)}.door-side{position:absolute;top:12%;bottom:12%;width:42%;border:2px solid rgba(228,193,135,.55);box-shadow:inset 0 0 25px rgba(31,16,8,.35)}.door-side-left{left:6%;border-radius:14px 3px 3px 14px}.door-side-right{right:6%;border-radius:3px 14px 14px 3px}.opening-florals{position:absolute;top:6%;left:0;right:0;color:#eaf4fa;font-size:28px;letter-spacing:20px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.opening-plaque{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:78%;padding:18px 14px 14px;border:2px solid #d5ad6b;border-radius:22px;background:rgba(252,247,235,.96);box-shadow:0 10px 25px rgba(0,0,0,.25)}.square-top{font-size:15px;color:#8b6739;margin-bottom:7px}.square-names{font-size:clamp(28px,8vw,43px);line-height:1.2;color:#173c60;font-weight:600}.square-names span{color:#b88945;font-family:Georgia,serif}.square-heart{font-size:27px;color:#b88945;line-height:1}.open-button{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);min-width:160px;padding:10px 20px;border:2px solid #c39452;border-radius:14px;background:#fff9ed;color:#173c60;font-weight:700;box-shadow:0 7px 18px rgba(0,0,0,.25);font-size:17px}.opening-closing .opening-square{transform:rotateY(78deg) scale(1.06);opacity:0}
.invitation{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.invitation[aria-hidden="true"]{visibility:hidden}.bg-layer,.bg-overlay{position:fixed;inset:-18px;z-index:-2;background-image:url('assets/background.jpg');background-size:cover;background-position:center top}.bg-overlay{z-index:-1;background:linear-gradient(to bottom,rgba(239,248,253,.25),rgba(241,249,253,.62) 42%,rgba(245,250,252,.76));filter:none}.content{width:min(100%,680px);margin:auto;padding:28px 16px 96px}.section-card{margin:0 auto 24px;padding:28px 20px;border:1px solid var(--line);border-radius:24px;background:var(--glass);backdrop-filter:blur(7px);box-shadow:0 14px 40px rgba(38,75,99,.12)}.hero{text-align:center;padding-top:46px}.flourish{color:var(--gold);opacity:.85;font-size:14px}.hero h1{margin:10px 0 14px;font-size:clamp(44px,12vw,74px);font-weight:500;line-height:1.15;text-shadow:0 2px 8px rgba(255,255,255,.65)}.hero h1 span{color:var(--gold);font-family:serif;font-size:.7em}.heart-rule{color:var(--gold);font-size:28px}.ayah{font-size:clamp(19px,4.5vw,25px);line-height:2.05;margin:8px auto 0}.surah{color:#8b6739;margin:4px 0 30px}.hero p{font-size:18px;line-height:2.05;margin:10px auto;max-width:590px}.invite-title{font-size:22px!important}.date-section{text-align:center}.date-week,.date-month{color:#8b6739;font-size:26px;font-weight:600}.date-day{font-family:Georgia,serif;font-size:110px;line-height:.9;margin:8px 0;color:#173c60}.date-year{font-family:Georgia,serif;font-size:52px;margin-bottom:25px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.countdown>div{border:1px solid rgba(79,119,146,.22);border-radius:15px;padding:11px 5px;background:rgba(210,234,247,.58)}.countdown strong{display:block;font-family:Georgia,serif;font-size:26px}.countdown span{display:block;font-size:12px;color:#49677d;margin-top:4px}.venue{text-align:center}.mini-icon{font-size:28px;color:var(--gold)}h2{margin:5px 0 8px;font-size:28px;font-weight:500}.venue p{font-size:18px;margin:0 0 18px}.map-btn{display:inline-block;text-decoration:none;color:#173c60;border:1px solid var(--gold);padding:11px 18px;border-radius:999px;background:rgba(255,255,255,.5);transition:.25s}.map-btn:hover{background:rgba(255,255,255,.8)}.section-title{text-align:center;color:#8b6739;font-size:24px;margin-bottom:18px}.gallery-grid{display:flex;flex-direction:column;gap:14px}.gallery figure{margin:0;overflow:hidden;border-radius:18px;border:1px solid rgba(83,120,145,.2);box-shadow:0 12px 26px rgba(38,75,99,.16)}.gallery img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover;object-position:center 45%}.message{text-align:center;font-size:20px;line-height:2.1}.heart-big{font-size:52px;color:var(--gold)}.names-end{color:#8b6739;font-size:24px;margin-top:16px}.subtle{opacity:.78;margin:0 0 18px}.guest-message{text-align:center}.guest-message h2 span{font-size:15px;opacity:.7}.send-btn{display:block;width:100%;text-align:center;text-decoration:none;background:var(--gold);color:#fff8e9;border-radius:999px;padding:13px 22px;font-weight:700;box-shadow:0 8px 20px rgba(184,137,69,.25);transition:transform .2s,filter .2s}.send-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.floating-actions{position:fixed;z-index:20;bottom:max(18px,env(safe-area-inset-bottom));left:18px;display:flex;gap:10px;direction:ltr}.float-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(21,61,96,.82);backdrop-filter:blur(8px);color:#fff;text-decoration:none;display:grid;place-items:center;cursor:pointer;font-size:23px;box-shadow:0 8px 22px rgba(38,75,99,.25)}.save-btn{background:rgba(184,137,69,.94)}.footer{text-align:center;padding:34px 20px}.by{font-size:14px;letter-spacing:2px}.signature{font-family:"Brush Script MT","Segoe Script",cursive;font-size:38px;color:#8b6739;margin:2px 0 12px}.love{color:#8b6739;font-size:17px}.toast{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);background:rgba(18,59,99,.94);color:#fff;border:1px solid var(--gold);padding:10px 16px;border-radius:999px;font-size:14px;box-shadow:0 8px 30px rgba(38,75,99,.3)}@media (max-width:520px){.content{padding:14px 10px 82px}.section-card{padding:23px 15px;border-radius:20px}.hero{padding-top:34px}.hero p{font-size:16px}.ayah{font-size:18px}.date-day{font-size:94px}.date-year{font-size:44px}.countdown strong{font-size:22px}.float-btn{width:45px;height:45px}.gallery img{max-height:390px}}