:root{--bg:#fff8ef;--paper:#fffdf8;--ink:#34241d;--muted:#806d61;--accent:#9d6b4f;--accent2:#d8b89a;--line:rgba(52,36,29,.14);--shadow:0 22px 70px rgba(85,53,32,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#fff 0,#fff8ef 42%,#f4e2cf 100%);color:var(--ink)}a{color:inherit}.invite{max-width:520px;margin:0 auto;background:linear-gradient(180deg,#fffaf3,#fff3e5);min-height:100vh;box-shadow:0 0 90px rgba(0,0,0,.10);overflow:hidden}.section{position:relative;min-height:100vh;padding:72px 24px;display:grid;place-items:center}.hero{background:linear-gradient(180deg,rgba(255,253,248,.88),rgba(245,226,207,.72)),radial-gradient(circle at 20% 20%,#fff 0 12%,transparent 13%),radial-gradient(circle at 80% 10%,#e6c6aa 0 9%,transparent 10%)}.card{width:100%;background:rgba(255,253,248,.82);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:30px;padding:34px 24px;text-align:center;box-shadow:var(--shadow)}.cover-card h1{font-family:'Cormorant Garamond',serif;font-size:58px;line-height:.9;margin:14px 0 12px;font-weight:700}.cover-card h1 span{display:block;font-size:30px;color:var(--accent);margin:10px}.eyebrow,.section-title p{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.date{color:var(--muted);font-weight:600}.guest-box{margin:28px 0 24px;padding:18px;border:1px dashed var(--accent2);border-radius:20px;background:#fff9f1}.guest-box span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.guest-box strong{font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:14px 22px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 12px 28px rgba(157,107,79,.28)}.btn.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent2);margin-top:22px}.ornament{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#e9cab0 0 2px,transparent 3px);background-size:22px 22px;opacity:.45}.ornament.top{right:-90px;top:-70px}.ornament.bottom{left:-100px;bottom:-80px}.narrow{text-align:center;max-width:430px}.arabic{font-size:24px;line-height:1.8}.intro p{color:var(--muted);line-height:1.9}.couple{display:grid;gap:18px;margin-top:34px}.couple h2,.section-title h2,.closing h2{font-family:'Cormorant Garamond',serif;font-size:44px;margin:0}.couple>span{font-family:'Cormorant Garamond',serif;font-size:38px;color:var(--accent)}.section-title{text-align:center;margin-bottom:28px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-bottom:22px}.countdown div{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:16px 8px;text-align:center;box-shadow:0 12px 26px rgba(85,53,32,.08)}.countdown strong{display:block;font-size:24px}.countdown span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.event-grid{display:grid;gap:16px;width:100%}.event-card{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:24px;text-align:center;box-shadow:var(--shadow)}.event-card h3{font-family:'Cormorant Garamond',serif;font-size:34px;margin:0 0 8px}.event-card p{font-weight:700;color:var(--accent)}.event-card strong,.event-card span{display:block;margin-top:8px}.event-card span{color:var(--muted)}.gallery{min-height:auto}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.gallery-grid div{height:190px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(135deg,#fff,#ead0b6 45%,#9d6b4f);box-shadow:0 16px 32px rgba(85,53,32,.10)}.gallery-grid div:nth-child(2){background:linear-gradient(135deg,#f8efe4,#d6b396,#6f4937)}.gallery-grid div:nth-child(3){background:linear-gradient(135deg,#fffaf3,#eac9a8,#b88768)}.gallery-grid div:nth-child(4){background:linear-gradient(135deg,#fff,#dcc0a2,#8e6049)}.closing{min-height:78vh}.closing p{color:var(--muted);line-height:1.9}.music{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:20px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:380px){.cover-card h1{font-size:48px}.section{padding:56px 18px}.countdown{gap:7px}.countdown div{padding:12px 6px}.countdown strong{font-size:20px}}
