:root{--p:#6d4aff;--p2:#9b7cff;--ink:#111827;--muted:#667085;--line:#e9e7ef;--bg:#f7f7fb;--card:#fff;--ok:#0a8f55}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f8fc;color:var(--ink)}a{text-decoration:none;color:inherit}
.topbar{height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:8px}.brand .logo{font-size:26px}.brand strong{display:block;font-size:20px}.brand small{display:block;color:#89909f;font-size:11px}.topbar nav{display:flex;gap:22px;align-items:center}
.container{max-width:1180px;margin:auto;padding:28px}.footer{text-align:center;padding:44px;color:#7d8491}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border:0;border-radius:12px;padding:12px 17px;font-weight:750;cursor:pointer}.btn.secondary{background:#fff;color:var(--p);border:1px solid #dcd6ff}.btn.ghost{background:#f5f3ff;color:#5b3ee8}.btn.small{padding:9px 12px;font-size:13px}.btn.whatsapp{background:#19b866}
.hero{padding:68px 0;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}.hero h1{font-size:58px;line-height:1.02;margin:0 0 18px}.hero p{font-size:19px;line-height:1.6;color:var(--muted)}.gradient{background:linear-gradient(90deg,#6246ea,#a855f7);-webkit-background-clip:text;color:transparent}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.preview-phone{background:#12131a;border-radius:40px;padding:12px;box-shadow:0 30px 80px #6d4aff33}.preview-phone>div{border-radius:30px;min-height:520px;padding:34px;background:linear-gradient(160deg,#d9f1ff,#f4e8ff 60%,#fff);text-align:center;display:flex;flex-direction:column;justify-content:center}.preview-phone h2{font-size:40px;margin:8px}.eyebrow{display:inline-flex;background:#f0edff;color:#6047db;padding:7px 10px;border-radius:999px;font-weight:800;font-size:12px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 28px #1317220b}.card h3{margin:7px 0}.muted{color:var(--muted)}.section-title{margin-top:38px}
.form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;max-width:920px}.field{margin-bottom:16px}.field label{display:block;font-weight:750;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dce5;background:#fff;border-radius:11px;padding:12px 13px;font:inherit}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.page-head h1{margin-bottom:4px}.actions{display:flex;gap:8px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.stat strong{font-size:29px;display:block;margin-top:4px}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}table{border-collapse:collapse;width:100%}th,td{padding:13px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}
.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.badge.ok{background:#e8f9f0;color:#087644}.badge.pending{background:#fff5d8;color:#8b6414}.badge.no{background:#ffebeb;color:#a62f2f}.badge.viewed{background:#e8f1ff;color:#235cab}

.template-library{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}
.template-card{background:#fff;border:2px solid transparent;border-radius:22px;overflow:hidden;box-shadow:0 10px 35px #11182712;transition:.2s;position:relative}
.template-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #1118271a}
.template-card.selected{border-color:#6d4aff;box-shadow:0 0 0 4px #6d4aff18}
.template-preview{height:280px;padding:18px;display:flex;align-items:center;justify-content:center}
.mini-invite{width:72%;height:88%;border-radius:24px;background:#fff;box-shadow:0 14px 30px #0002;overflow:hidden;display:flex;flex-direction:column}
.mini-cover{height:58%;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;font-weight:900;font-size:22px}
.mini-body{padding:14px;font-size:11px;line-height:1.5}.mini-line{height:8px;border-radius:999px;background:#ececf4;margin:7px 0}.mini-btn{height:24px;border-radius:8px;background:#6d4aff;margin-top:10px}
.template-meta{padding:15px 16px 17px}.template-meta strong{font-size:17px}.template-meta small{display:block;color:var(--muted);margin-top:5px}
.template-select{display:block;width:100%;border:0;background:transparent;padding:0;margin:0;cursor:pointer}.template-select input{position:absolute;opacity:0;pointer-events:none}

.tp-aurora{background:linear-gradient(135deg,#ccecff,#f0dfff)}
.tp-princess{background:linear-gradient(135deg,#ffd8e9,#ebd8ff)}
.tp-dino{background:linear-gradient(135deg,#dff6d8,#9fd595)}
.tp-space{background:linear-gradient(135deg,#111827,#312e81);color:#fff}
.tp-gold{background:linear-gradient(135deg,#111,#5f4a1b);color:#f9e9a7}
.tp-botanical{background:linear-gradient(135deg,#deefd8,#fbfff9)}
.tp-rose{background:linear-gradient(135deg,#f8d7df,#fff)}
.tp-blue{background:linear-gradient(135deg,#d9eaff,#fff)}

.invite-shell{max-width:760px;margin:22px auto;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 25px 75px #1118271c}.invite-cover{min-height:430px;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;background-size:cover;background-position:center;position:relative}.invite-cover.has-img:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,#111827a8 100%)}.invite-cover>*{position:relative}.invite-cover.has-img{color:#fff}.invite-cover h1{font-size:55px;margin:8px 0}.invite-cover h2{font-size:24px;margin:0}.invite-body{padding:30px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{padding:17px;border:1px solid var(--line);border-radius:16px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.countdown div{background:#f6f5ff;border-radius:13px;padding:13px;text-align:center}.countdown strong{font-size:24px;display:block}
.rsvp-confirmed{background:#ecfbf3;border:1px solid #bcebd2;border-radius:18px;padding:22px;margin:16px 0}.alert{border-radius:12px;padding:12px 14px;margin:12px 0}.alert.ok{background:#e9f9f1;color:#087644}.alert.error{background:#ffeded;color:#a62f2f}
.theme-aurora .invite-cover{background:linear-gradient(135deg,#ccecff,#eedcff)}.theme-princess .invite-cover{background:linear-gradient(135deg,#ffd9e8,#ead7ff)}.theme-dino .invite-cover{background:linear-gradient(135deg,#dff6d8,#a7dda4)}.theme-space .invite-cover{background:linear-gradient(135deg,#111827,#312e81);color:#fff}.theme-gold .invite-cover{background:linear-gradient(135deg,#111,#5b4718);color:#f9e9a7}.theme-botanical .invite-cover{background:linear-gradient(135deg,#dcefd8,#fbfff9)}.theme-rose .invite-cover{background:linear-gradient(135deg,#f8d8df,#fff)}.theme-blue .invite-cover{background:linear-gradient(135deg,#d9eaff,#fff)}
@media(max-width:950px){.template-library{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero h1{font-size:43px}.cards{grid-template-columns:1fr 1fr}.grid2,.info-grid{grid-template-columns:1fr}.topbar{padding:0 16px}.topbar nav a:not(.btn){display:none}.container{padding:18px}}
@media(max-width:520px){.template-library,.cards,.stats{grid-template-columns:1fr}.countdown{grid-template-columns:repeat(2,1fr)}}