*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{font-size:18px}@media (min-width:1200px){html{font-size:19px}}:root{--font-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--font-script:"Great Vibes","Cormorant Garamond",cursive;--font-sans:"Cormorant Garamond",system-ui,sans-serif;--font-label:ui-sans-serif,system-ui,"Segoe UI",sans-serif;--bg-a:#f3eede;--bg-b:#e6e0cd;--panel:#6f7a5c;--ink:#40463a;--ink-soft:#6a6f5e;--cream:#f7f1e3;--accent:#b0894e;--accent-2:#caa96a;--accent-soft:rgba(176,137,78,0.35);--line:rgba(176,137,78,0.45);--shadow:rgba(60,50,30,0.22);--sage-glow:rgba(124,134,102,0.18)}[data-theme=duaa]{--bg-a:#eef0e2;--bg-b:#d9dcc3;--panel:#7c8666;--ink:#3d443a;--ink-soft:#5c6350;--cream:#f6f1e5;--accent:#94854f;--accent-2:#b7a06a;--accent-soft:rgba(148,133,79,0.4);--line:rgba(148,133,79,0.5);--shadow:rgba(50,56,40,0.28);--sage-glow:rgba(124,134,102,0.35)}[data-theme=nikkah]{--bg-a:#56283a;--bg-b:#2c1420;--panel:#5a2a3a;--ink:#f3e7d6;--ink-soft:#d8c3aa;--cream:#f4ead9;--accent:#c8a457;--accent-2:#e0c079;--accent-soft:rgba(200,164,87,0.45);--line:rgba(200,164,87,0.55);--shadow:rgba(0,0,0,0.5);--sage-glow:rgba(200,164,87,0.14)}[data-theme=walima]{--bg-a:#edecdc;--bg-b:#d5d6bd;--panel:#8a9576;--ink:#3e4535;--ink-soft:#5d6450;--cream:#f6f2e6;--accent:#9a7a42;--accent-2:#b8985a;--accent-soft:rgba(154,122,66,0.4);--line:rgba(154,122,66,0.5);--shadow:rgba(50,56,40,0.28);--sage-glow:rgba(138,149,118,0.32)}body{font-family:var(--font-serif);background:var(--bg-b);-webkit-font-smoothing:antialiased}.app,body{color:var(--ink)}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:clamp(1.2rem,4vw,3.2rem) 1rem 4rem;overflow:hidden;background:radial-gradient(1100px 620px at 50% -12%,var(--bg-a),transparent 70%),radial-gradient(820px 560px at 112% 118%,var(--sage-glow),transparent 60%),radial-gradient(820px 560px at -12% 118%,var(--sage-glow),transparent 60%),linear-gradient(165deg,var(--bg-a),var(--bg-b));transition:background .7s ease,color .7s ease}.app:before{content:"";position:fixed;inset:0;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/></svg>")}.app:before,.spray{pointer-events:none}.spray{position:absolute;width:clamp(140px,22vw,240px);height:clamp(140px,22vw,240px);z-index:0;filter:drop-shadow(0 8px 14px rgba(40,30,20,.18))}.spray--bl{left:-18px;bottom:-18px}.spray--tr{right:-18px;top:-18px;transform:scaleX(-1) rotate(180deg)}.spray--tl{left:-20px;top:-18px;transform:scaleY(-1)}.spray--br{right:-20px;bottom:-18px;transform:scaleX(-1)}.arch-orn{width:118px;height:88px;margin:0 auto .4rem}.arch-orn,.divider{color:var(--accent);display:block}.divider{width:min(240px,70%);height:22px;margin:1.1rem auto}.eyebrow{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.34em;font-size:.66rem;font-weight:500;color:var(--accent);margin:0 0 .7rem}.couple{font-family:var(--font-script);font-weight:400;font-size:clamp(3rem,9vw,5rem);line-height:1;margin:.1rem 0 .5rem;color:var(--ink)}.dates{font-size:clamp(1rem,2.6vw,1.22rem);color:var(--ink-soft);letter-spacing:.02em;margin:0}.lookup{position:relative;z-index:1;width:100%;max-width:620px;margin-top:clamp(.5rem,5vh,3rem)}.invite-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0)),var(--cream);border-radius:4px;box-shadow:0 30px 70px -34px var(--shadow),0 2px 0 rgba(255,255,255,.5) inset;padding:clamp(2.4rem,6vw,3.6rem) clamp(1.6rem,5vw,3rem);text-align:center;overflow:hidden}.invite-card:before{inset:12px;border:1px solid var(--line);border-radius:2px}.invite-card:after,.invite-card:before{content:"";position:absolute;pointer-events:none}.invite-card:after{inset:16px;border:1px solid var(--accent-soft);border-radius:2px;opacity:.6}.invite-card>*{position:relative;z-index:1}.invite-card>.spray{position:absolute;z-index:0}.find-lead{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--ink-soft);margin:.4rem 0 1rem}.smartfield{display:flex;flex-direction:column;gap:1rem;max-width:430px;margin:0 auto}.smartfield input{width:100%;font-family:var(--font-serif);font-size:1.35rem;text-align:center;padding:1.15rem 1.25rem;border:1px solid var(--line);border-radius:3px;background:rgba(255,255,255,.55);color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.smartfield input::-moz-placeholder{color:var(--ink-soft);opacity:.65}.smartfield input::placeholder{color:var(--ink-soft);opacity:.65}.smartfield input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hint{font-size:.72rem;letter-spacing:.03em;color:var(--ink-soft);opacity:.8;margin:.2rem 0 0}.btn,.hint{font-family:var(--font-label)}.btn{letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;font-weight:600;padding:.95rem 1.7rem;border-radius:3px;border:1px solid var(--accent);background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff8ec;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 10px 24px -12px var(--shadow)}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -12px var(--shadow)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-block{width:100%}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}.btn-ghost:hover{background:rgba(255,255,255,.15)}.notice{margin:1.1rem auto 0;max-width:400px;font-family:var(--font-label);font-size:.84rem;line-height:1.5;color:#8f3030;background:rgba(143,48,48,.08);border:1px solid rgba(143,48,48,.25);border-radius:3px;padding:.7rem .9rem}[data-theme=nikkah] .notice{color:#f2c1c1;background:rgba(242,193,193,.08);border-color:rgba(242,193,193,.28)}.invite{position:relative;z-index:1;width:100%;max-width:1160px}.invite-header{text-align:center;margin-bottom:1rem}.greeting{font-family:var(--font-script);font-size:clamp(2.4rem,7vw,3.6rem);margin:.1rem 0 .3rem;color:var(--ink)}.subtle{font-family:var(--font-label);font-size:.82rem;letter-spacing:.05em;color:var(--ink-soft);margin:0}.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.4rem 0 2rem}.tab{font-family:var(--font-label);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;padding:.6rem 1.15rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .25s ease}.tab:hover,.tab[data-active=true]{border-color:var(--accent)}.tab[data-active=true]{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff8ec}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#cfa63f;box-shadow:0 0 0 2px rgba(255,255,255,.25)}.dot[data-status=yes]{background:#6fae6f}.dot[data-status=no]{background:#cd7070}.overview{text-align:center}.lead{font-size:clamp(1.25rem,3vw,1.55rem);margin:0 auto .4rem;max-width:44ch;color:var(--ink)}.progress{font-family:var(--font-label);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2rem}.event-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;text-align:left}.event-card{position:relative;flex:0 1 330px;max-width:370px;background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:1.5rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:0 20px 44px -32px var(--shadow);overflow:hidden}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--ev,var(--accent))}.event-card[data-ev=duaa]{--ev:#7c8666}.event-card[data-ev=nikkah]{--ev:#5a2a3a}.event-card[data-ev=walima]{--ev:#8a9576}.ev-arch{color:var(--ev,var(--accent));width:54px;height:40px;margin-bottom:.2rem;opacity:.85}.event-card h3{font-size:1.75rem;font-weight:500;margin:0;color:#40463a}.event-card .meta{font-size:.78rem;color:#6a6f5e;margin:0}.badge,.event-card .meta{font-family:var(--font-label)}.badge{align-self:flex-start;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .7rem;border-radius:999px;margin-top:.5rem}.badge[data-status=pending]{background:rgba(201,162,74,.16);color:#8a6a1f}.badge[data-status=yes]{background:rgba(111,174,111,.18);color:#3f7a3f}.badge[data-status=no]{background:rgba(197,107,107,.18);color:#933737}.event-card .btn{margin-top:.9rem;align-self:flex-start}.panel{position:relative;display:grid;gap:clamp(1.5rem,4vw,2.6rem);grid-template-columns:1fr;align-items:start;padding-top:.5rem}@media (min-width:860px){.panel{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}.invite-image-wrap{position:relative;padding:12px;background:var(--cream);border-radius:4px;box-shadow:0 34px 70px -34px var(--shadow)}.invite-image-wrap:before{content:"";position:absolute;inset:6px;border:1px solid var(--line);pointer-events:none;z-index:2}.invite-image{width:100%;display:block;border-radius:2px}.panel-body{color:var(--ink)}.panel-body .eyebrow{color:var(--accent-2)}.panel-body h2{font-family:var(--font-script);font-size:clamp(2.6rem,7vw,3.8rem);margin:0 0 .2rem;color:var(--ink)}.detail-list{list-style:none;padding:0;margin:1.3rem 0;display:flex;flex-direction:column;gap:.75rem}.detail-list li{display:flex;gap:.9rem;align-items:baseline}.detail-list .k{font-family:var(--font-label);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);min-width:64px}.detail-list .v{font-size:1.18rem;color:var(--ink)}.note{font-style:italic;color:var(--ink-soft);line-height:1.55;font-size:1.08rem;margin:1rem 0 1.6rem;padding-left:1rem;border-left:2px solid var(--accent-soft)}.rsvp{border-top:1px solid var(--line);padding-top:1.4rem}.rsvp-q{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--ink-soft);margin:0 0 1rem}.member-list{gap:1.1rem}.member-list,.member-row{display:flex;flex-direction:column}.member-row{gap:.55rem;padding-bottom:1.1rem;border-bottom:1px dashed var(--accent-soft)}.member-row:last-child{border-bottom:0;padding-bottom:0}.member-name{font-size:1.3rem;color:var(--ink)}.rsvp-buttons{display:flex;gap:.7rem;flex-wrap:wrap}.rsvp-btn{flex:1;min-width:130px;font-family:var(--font-serif);font-size:1.1rem;padding:.8rem 1rem;border-radius:4px;border:1.5px solid var(--line);background:rgba(255,255,255,.9);color:#40332b;cursor:pointer;transition:all .2s ease}.rsvp-btn:hover{border-color:var(--accent)}.rsvp-btn[data-selected=yes]{background:#5f7a4f;color:#f8f3e7;border-color:#4f6a41;box-shadow:0 8px 20px -12px rgba(60,90,50,.9)}.rsvp-btn[data-selected=no]{background:#8a4b4b;color:#f8f3e7;border-color:#743d3d}.rsvp-btn:disabled{opacity:.7;cursor:default}.footer-nav{margin-top:2.4rem}.site-footer{position:relative;z-index:1;margin-top:3.2rem;font-family:var(--font-label);font-size:.72rem;letter-spacing:.12em;color:var(--ink-soft);opacity:.7;text-align:center}