:root{--bg: #08081a;--card: #12122a;--border: #222240;--text: #f5f5f7;--muted: #9b9bb5;--accent: #d4a574;--accent-2: #e8b896;--accent-glow: rgba(212, 165, 116, .28);--rose: #e8a0b0;--gold: #f0c060;--success: #4ade80;--error: #f87171;--warning: #f59e0b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatDrift{0%{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(4deg)}66%{transform:translateY(-6px) rotate(-3deg)}to{transform:translateY(0) rotate(0)}}@keyframes shimmer{0%{background-position:-300% center}to{background-position:300% center}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}40%,60%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #d4a57400}50%{box-shadow:0 0 22px var(--accent-glow)}}@keyframes petalFall{0%{transform:translateY(-30px) rotate(0) scale(1);opacity:.8}80%{opacity:.6}to{transform:translateY(105vh) rotate(400deg) scale(.6);opacity:0}}@keyframes heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(1)}60%{transform:scale(1.1)}}@keyframes ringGlow{0%,to{filter:drop-shadow(0 0 5px rgba(212,165,116,.35))}50%{filter:drop-shadow(0 0 18px rgba(212,165,116,.85))}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0) rotateX(0);opacity:1}to{transform:translateY(105vh) rotate(600deg) rotateX(360deg);opacity:0}}@keyframes riseFade{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-280px) scale(.2);opacity:0}}@keyframes badgePop{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes lineDraw{0%{width:0}to{width:60px}}.animate-in{animation:fadeInUp .65s ease-out both}.animate-in-1{animation-delay:.08s}.animate-in-2{animation-delay:.18s}.animate-in-3{animation-delay:.3s}.animate-in-4{animation-delay:.44s}.animate-in-5{animation-delay:.6s}.float{animation:float 4s ease-in-out infinite}.float-slow{animation:floatDrift 7s ease-in-out infinite}.heartbeat{animation:heartbeat 2s ease-in-out infinite}.page{max-width:480px;margin:0 auto;padding:24px 20px 64px}.page-wide{max-width:920px}h1{font-size:28px;margin:0 0 8px;letter-spacing:-.02em}h2{font-size:20px;margin:24px 0 12px}h3{font-size:16px;margin:16px 0 8px}p{line-height:1.5;color:var(--muted);margin:4px 0}.gradient-text{background:linear-gradient(120deg,var(--accent),var(--gold),var(--rose),var(--accent-2),var(--accent));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;transition:border-color .3s,transform .25s,box-shadow .3s}.card:hover{border-color:#d4a57438}.card-lift:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000080}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}input,textarea,select{width:100%;background:#0c0c1e;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:16px;font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #d4a57421}textarea{min-height:80px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#12122a;border:0;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;width:100%;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s}.btn:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:0 6px 20px #d4a57466}.btn:active{transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff0a;border-color:var(--accent);box-shadow:none}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.amount-pill{background:#0c0c1e;border:1px solid var(--border);color:var(--text);padding:14px 0;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.amount-pill:hover{border-color:var(--accent);transform:translateY(-1px)}.amount-pill.active{background:var(--accent);color:#12122a;border-color:var(--accent);box-shadow:0 4px 18px #d4a57466;animation:pulseGlow 2.2s ease-in-out infinite}.row{display:flex;gap:8px;align-items:center}.between{justify-content:space-between}.muted{color:var(--muted);font-size:13px}.error{color:var(--error);font-size:13px;margin-top:8px}.success{color:var(--success)}.tag{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tag.paid{background:#4ade8026;color:var(--success)}.tag.pending{background:#fbbf2426;color:#fbbf24}a{color:var(--accent)}.link-btn{background:none;border:0;color:var(--accent);cursor:pointer;padding:0;font-size:inherit}.qr-wrap{background:#fff;padding:16px;border-radius:12px;text-align:center;margin-bottom:12px}.qr-wrap canvas{display:block;margin:0 auto}.qr-url{word-break:break-all;font-family:monospace;font-size:12px;color:var(--muted);margin-top:8px}.empty{text-align:center;padding:40px 16px;color:var(--muted)}.gift-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.gift-row:last-child{border-bottom:0}.gift-amount{font-weight:600;font-size:18px}.thanks-box{background:#0c0c1e;padding:12px;border-radius:8px;margin-top:8px;font-size:14px;white-space:pre-wrap;border-left:3px solid var(--accent)}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 28px 80px;overflow:hidden;text-align:center;background:radial-gradient(ellipse 70% 50% at 50% -5%,rgba(212,165,116,.1) 0%,transparent 100%),radial-gradient(ellipse 50% 40% at 85% 80%,rgba(232,160,176,.07) 0%,transparent 100%),radial-gradient(ellipse 40% 30% at 10% 70%,rgba(212,165,116,.05) 0%,transparent 100%),var(--bg)}.sparkle-dot{position:absolute;border-radius:50%;background:var(--accent);animation:sparkle var(--dur, 3s) ease-in-out infinite;animation-delay:var(--delay, 0s);pointer-events:none}.petal{position:absolute;top:-30px;font-size:var(--size, 14px);animation:petalFall var(--dur, 9s) linear infinite;animation-delay:var(--delay, 0s);pointer-events:none;-webkit-user-select:none;user-select:none}.ring-decoration{margin-bottom:24px;animation:ringGlow 3.5s ease-in-out infinite;display:flex;justify-content:center}.hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);background:#ffffff0a;border:1px solid var(--border);border-radius:999px;padding:6px 16px;margin-bottom:28px;letter-spacing:.08em;text-transform:uppercase;animation:badgePop .5s ease-out both}.hero-title{font-size:clamp(30px,7vw,52px);font-weight:800;line-height:1.12;margin:0 0 20px;letter-spacing:-.03em}.hero-subtitle{font-size:17px;color:var(--muted);max-width:360px;margin:0 auto 44px;line-height:1.65}.hero-ctas{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.section-label{text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.section-title{text-align:center;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 40px}.steps-wrap{padding:64px 28px 72px;max-width:480px;margin:0 auto}.step{display:flex;gap:18px;align-items:flex-start;margin-bottom:36px}.step:last-child{margin-bottom:0}.step-icon{width:48px;height:48px;border-radius:14px;background:#d4a5741a;border:1px solid rgba(212,165,116,.25);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;transition:background .3s,transform .3s}.step:hover .step-icon{background:#d4a5742e;transform:scale(1.08)}.step-body h3{margin:0 0 5px;font-size:16px;color:var(--text)}.step-body p{margin:0;font-size:14px;color:var(--muted)}.divider{height:1px;background:linear-gradient(to right,transparent,var(--border),transparent)}.event-hero{position:relative;text-align:center;padding:44px 0 28px;overflow:hidden}.event-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(212,165,116,.1) 0%,transparent 70%);pointer-events:none}.event-hero-title{font-size:30px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px;position:relative}.event-hero-sub{font-size:15px;color:var(--muted);position:relative}.thanks-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 28px;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 50% 35%,rgba(212,165,116,.12) 0%,transparent 70%),var(--bg)}.thanks-icon{font-size:72px;margin-bottom:20px}.thanks-title{font-size:clamp(36px,8vw,52px);font-weight:800;letter-spacing:-.03em;margin:0 0 14px}.thanks-sub{font-size:17px;color:var(--muted);max-width:300px;margin:0 auto 36px;line-height:1.6}.confetti-piece{position:fixed;top:-20px;animation:confettiFall var(--dur, 3s) linear forwards;animation-delay:var(--delay, 0s);pointer-events:none;z-index:999}.heart-rise{position:fixed;font-size:var(--size, 20px);animation:riseFade var(--dur, 2s) ease-out forwards;animation-delay:var(--delay, 0s);pointer-events:none;z-index:998}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:#08081ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-logo{font-weight:700;font-size:15px;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:0;letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.site-logo:hover{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:16px}.site-nav-link{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s}.site-nav-link:hover{color:var(--text)}.site-nav-email{font-size:12px;color:var(--muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-nav-btn{background:none;border:0;font-size:13px;color:var(--muted);cursor:pointer;padding:0;transition:color .2s}.site-nav-btn:hover{color:var(--error)}.steps-wrap-wide{padding:64px 28px 72px;max-width:760px;margin:0 auto}@media (max-width: 480px){.site-logo{font-size:13px}.site-nav{gap:10px}.site-nav-email{display:none}.site-nav-link,.site-nav-btn{font-size:12px}.hero-ctas{max-width:100%}.page{padding:16px 16px 56px}}