:root{--gold:#c7a56a;--cream:#f8f3ea;--ink:#252525;--glass:rgba(17,19,22,.48);--line:rgba(199,165,106,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:#fff;font-family:"Noto Naskh Arabic","Amiri","Tahoma",Arial,sans-serif}button,a,input,textarea{font:inherit}.opening{position:fixed;inset:0;z-index:1000;background:radial-gradient(circle at 50% 35%,#4b3a2d 0,#201915 45%,#080807 100%);display:grid;place-items:center;overflow:hidden;transition:opacity .75s ease,visibility .75s}.opening.opened{opacity:0;visibility:hidden;pointer-events:none}.opening-square-wrap{width:min(78vw,390px);aspect-ratio:1;perspective:1200px;display:grid;place-items:center;filter:drop-shadow(0 28px 45px rgba(0,0,0,.7))}.opening-square{position:relative;width:100%;height:100%;padding:0;border:0;border-radius:18px;background:linear-gradient(145deg,#7e5b37,#2b1b11 55%,#120b07);box-shadow:inset 0 0 0 2px #d5ad70,inset 0 0 0 9px rgba(46,26,13,.9),0 0 0 1px rgba(255,255,255,.12);color:#fff;cursor:pointer;overflow:hidden;transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .6s ease}.opening-square:active{transform:scale(.985)}.opening-closing .opening-square{transform:rotateY(78deg) scale(1.08);opacity:0}.square-border{position:absolute;inset:18px;border:1px solid rgba(225,195,140,.7);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;z-index:2}.square-shine{position:absolute;inset:-20%;background:linear-gradient(125deg,transparent 35%,rgba(255,240,203,.22) 48%,transparent 58%);transform:translateX(-35%);animation:shine 3.5s ease-in-out infinite}@keyframes shine{0%,65%{transform:translateX(-55%)}85%,100%{transform:translateX(55%)}}.square-top{font-size:16px;letter-spacing:2px;color:#e9d1a5;margin-bottom:28px}.square-names{font-size:clamp(36px,10vw,60px);line-height:1.25;text-shadow:0 4px 16px #000}.square-names span{color:#d6b57d;font-family:serif}.square-heart{font-size:44px;color:#d6b57d;margin:14px 0}.square-bottom{font-size:14px;color:#ead7b5;opacity:.85;margin-top:22px}.invitation{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.invitation[aria-hidden="true"]{visibility:hidden}.bg-layer,.bg-overlay{position:fixed;inset:-24px;z-index:-2;background-image:url('assets/background.jpg');background-size:cover;background-position:center top;filter:blur(5px);transform:scale(1.04)}.bg-overlay{z-index:-1;background:linear-gradient(to bottom,rgba(8,10,12,.5),rgba(8,10,12,.7) 40%,rgba(8,10,12,.78));filter:none}.content{width:min(100%,680px);margin:auto;padding:28px 16px 80px}.section-card{margin:0 auto 24px;padding:28px 20px;border:1px solid var(--line);border-radius:24px;background:rgba(18,20,22,.48);backdrop-filter:blur(5px);box-shadow:0 14px 40px rgba(0,0,0,.2)}.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 4px 20px #000}.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:#dfc08a;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:var(--gold);font-size:26px;font-weight:600}.date-day{font-family:Georgia,serif;font-size:110px;line-height:.9;margin:8px 0}.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(255,255,255,.18);border-radius:15px;padding:11px 5px;background:rgba(0,0,0,.18)}.countdown strong{display:block;font-family:Georgia,serif;font-size:26px}.countdown span{display:block;font-size:12px;color:#ddd;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:#fff;border:1px solid var(--gold);padding:11px 18px;border-radius:999px;background:rgba(199,165,106,.12);transition:.25s}.map-btn:hover{background:rgba(199,165,106,.25)}.section-title{text-align:center;color:var(--gold);font-size:24px;margin-bottom:18px}.message{text-align:center;font-size:20px;line-height:2.1}.heart-big{font-size:52px;color:var(--gold)}.names-end{color:var(--gold);font-size:24px;margin-top:16px}.subtle{opacity:.82;margin:0 0 18px}.yes{background:#f1f1ed;color:#333}.no{background:#493c3c;color:#fff}.status{min-height:24px;margin-top:12px;font-size:14px;color:#f2d39b}.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,.4);background:rgba(20,20,20,.5);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(0,0,0,.3)}.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:#e0c18b;margin:2px 0 12px}.love{color:#e0c18b;font-size:17px}.toast{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);background:rgba(15,15,15,.9);border:1px solid var(--gold);padding:10px 16px;border-radius:999px;font-size:14px;box-shadow:0 8px 30px rgba(0,0,0,.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}}