:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#17212b;background:#f7f7f9}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fff8e8,#f7f7f9 40%)}.page{max-width:780px;margin:0 auto;padding:24px 16px 48px;display:grid;gap:20px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 24px #00000014}.hero{text-align:center}.centered-celebration{position:relative;overflow:hidden;text-align:center;padding:38px 24px;min-height:200px}.celebration-title{margin:0;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.25;font-weight:800;color:#0c8f57;letter-spacing:.02em}.poster{width:100%;max-width:520px;border-radius:12px;margin:12px auto 16px;display:block}.cta-btn{background:#22c780;border:none;color:#fff;border-radius:999px;padding:12px 20px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block}.map-link{display:inline-block;margin-top:10px;text-decoration:none;color:#1366d6;font-weight:600}.map-link:hover{text-decoration:underline}.cta-btn:disabled{opacity:.7;cursor:not-allowed}form{display:grid;gap:8px}label{margin-top:8px;font-weight:600}input,select,textarea{width:100%;border:1px solid #d6d9de;border-radius:12px;padding:10px 12px;font:inherit}.attendance-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.attendance-btn{border:1px solid transparent;border-radius:999px;padding:10px 12px;font:inherit;font-weight:600;cursor:pointer;opacity:.75;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.attendance-btn.active{opacity:1;transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px #00000029;border-color:#ffffffd9}.attendance-emoji{font-size:1.05rem}.attendance-check{font-size:.95rem}.attendance-yes{background:#2ecc71;color:#fff}.attendance-maybe{background:#f1c40f;color:#2f2f2f}.attendance-no{background:#e74c3c;color:#fff}.guest-range{padding:0;accent-color:#22c780}.subtitle{color:#5f6570}.error{color:#c92626;font-size:.9rem}.success{color:#0c8f57;font-weight:600}.form-panel{position:relative;overflow:hidden}.form-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:50%;background:#eef0f3;color:#5f6570;font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.form-close:hover{background:#e2e5ea}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-from,.fade-leave-to{opacity:0}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-14px;width:10px;height:16px;border-radius:3px;background:var(--color);opacity:.95;animation:confetti-fall var(--duration) ease-in forwards;animation-delay:var(--delay)}@keyframes confetti-fall{0%{transform:translateY(-16px) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(420px) rotate(var(--rotation));opacity:0}}