@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Noto+Kufi+Arabic:wght@300;400;600&display=swap";
:root{--ink:#2f302d;--sage:#9ca294;--paper:#f8f7f2;--gold:#b5a47d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Kufi Arabic,Tahoma,sans-serif}.page{min-height:100vh;overflow-x:hidden}.hero{background:radial-gradient(circle at 50% 20%,#fff 0,#f8f7f2 48%,#efeee8 100%);place-items:center;min-height:100svh;padding:34px 18px;display:grid;position:relative}.frame{outline-offset:-15px;text-align:center;border:1px solid #95978f;outline:5px double #b8b9b2;flex-direction:column;justify-content:center;align-items:center;width:min(780px,100%);min-height:calc(100svh - 68px);padding:70px 28px;display:flex;position:relative}.corner{opacity:.23;pointer-events:none;width:105px;height:105px;position:absolute}.corner:before,.corner:after{content:"";border-style:solid;border-color:#74776e;position:absolute}.corner:before{border-width:2px 2px 0 0;border-radius:0 100% 0 0;inset:13px}.corner:after{border-width:1px 1px 0 0;border-radius:0 100% 0 0;inset:30px}.tr{top:7px;right:7px}.tl{top:7px;left:7px;transform:scaleX(-1)}.br{bottom:7px;right:7px;transform:scaleY(-1)}.bl{bottom:7px;left:7px;transform:scale(-1)}.eyebrow{letter-spacing:.25em;color:#777;font-size:1rem}.host{margin:20px 0;font-family:Aref Ruqaa,serif;font-size:clamp(1.9rem,5vw,3rem)}.intro{color:#6c6e68;font-size:1.05rem}.name{color:#252622;margin:12px 0;font-family:Aref Ruqaa,serif;font-size:clamp(5rem,17vw,9rem);line-height:1}.family{margin:16px 0;font-family:Aref Ruqaa,serif;font-size:clamp(1.7rem,4vw,2.4rem)}.date{margin-top:16px;line-height:2.1}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;cursor:pointer;text-align:center;padding:12px 24px;text-decoration:none}.button.light{color:var(--ink);background:0 0}.section{padding:90px 20px}.section-inner{width:min(1040px,100%);margin:auto}.section h2{text-align:center;margin:0 0 34px;font-family:Aref Ruqaa,serif;font-size:3rem}.cards{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.card{background:#fff;border:1px solid #deddd5;min-width:0;padding:32px;box-shadow:0 18px 50px #32352c0b}.form{gap:16px;max-width:560px;margin:auto;display:grid}.field{gap:7px;min-width:0;display:grid}.field input,.field textarea,.field select{width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #c7c7bf;border-radius:0;padding:14px;font-size:16px}.field textarea{resize:vertical;min-height:120px}.notice{background:#f3f7f0;border:1px solid #bdc6b7;padding:12px}.qr{aspect-ratio:1;width:min(180px,100%);height:auto;margin:12px auto;display:block}.feed{color:#f7f5ee;background:#282a27;min-height:100svh}.wishes{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.wish{overflow-wrap:anywhere;background:#ffffff08;border:1px solid #55594f;min-width:0;padding:24px}.wish p{font-family:Aref Ruqaa,serif;font-size:1.55rem}.muted{opacity:.62;font-size:.8rem}.nav{z-index:10;background:#fffffff0;border:1px solid #ddd;gap:8px;padding:6px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.nav a{color:inherit;white-space:nowrap;padding:7px 12px;font-size:.82rem;text-decoration:none}@media (max-width:700px){body{padding-top:60px;padding-bottom:0}.cards,.wishes{grid-template-columns:1fr}.hero{min-height:auto;padding:18px 12px}.frame{outline-offset:-11px;min-height:calc(100svh - 96px);padding:76px 22px 64px}.corner{width:82px;height:82px}.host{margin:14px 0;font-size:clamp(1.65rem,8.2vw,2.25rem);line-height:1.55}.intro{font-size:.92rem}.name{margin:8px 0;font-size:clamp(4.5rem,28vw,6.5rem)}.family{margin:12px 0;font-size:clamp(1.5rem,7.5vw,2rem);line-height:1.55}.date{margin-top:10px;font-size:.88rem;line-height:2}.actions{gap:9px;width:100%;margin-top:20px}.actions .button{white-space:nowrap;flex:1;padding:11px 8px}.section{padding:64px 16px}.section h2{margin-bottom:24px;font-size:2.35rem}.card{padding:22px}.nav{background:#fffffff7;border-width:0 0 1px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;height:60px;padding:0;display:grid;inset:0 0 auto;transform:none;box-shadow:0 8px 28px #27292218}.nav a{text-align:center;white-space:normal;place-items:center;min-width:0;padding:7px 2px;font-size:.62rem;line-height:1.35;display:grid}.feed{padding-bottom:0}}.nav a.active{background:var(--ink);color:#fff}.standalone{background:radial-gradient(circle at 50% 0,#fff 0,#f8f7f2 52%,#efeee8 100%);min-height:100svh;padding-top:120px}.narrow{max-width:680px}.page-heading{text-align:center;margin:0 auto 38px}.page-heading span{color:#7b7e75;letter-spacing:.08em;font-size:.9rem}.page-heading h1{margin:8px 0;font-family:Aref Ruqaa,serif;font-size:clamp(3rem,8vw,5rem);line-height:1.2}.page-heading p{color:#6c6e68;margin:8px 0}.qr-card{text-align:center}.location-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.location-card h2{margin:10px 0;font-size:2rem}.location-card .button{margin-top:14px}.center-link{text-align:center;margin-top:24px}@media (max-width:350px){.frame{padding-inline:18px}.host{font-size:1.55rem}.family{font-size:1.42rem}.date{font-size:.8rem}.actions{flex-direction:column}.actions .button{width:100%}}