@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);min-height:100vh;color:#1f2937}.page-wrapper{min-height:100vh;padding:32px 20px;display:flex;flex-direction:column;align-items:center}.form-container{width:100%;max-width:680px}.hero-header{background:linear-gradient(135deg,#e2231a,#c51e14 60%,#a11c12);border-radius:24px;padding:48px 32px;margin-bottom:20px;text-align:center;position:relative;overflow:hidden;box-shadow:0 32px 80px #e2231a73,0 0 0 1px #ffffff1a inset}.hero-header:before{content:"";position:absolute;top:-60%;right:-40%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 65%)}.hero-inner{position:relative;z-index:2}.hero-icon{font-size:56px;display:block;margin-bottom:12px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.hero-header h1{font-size:36px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:8px;text-shadow:0 4px 16px rgba(0,0,0,.3)}.hero-header p{font-size:16px;color:#ffffffd9}.hero-header strong{color:gold}.schedule-banner{background:linear-gradient(135deg,#fef9ec,#fef3c7);border:2px solid #f59e0b;border-radius:18px;padding:18px 24px;margin-bottom:20px;box-shadow:0 8px 24px #f59e0b33;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.schedule-date{font-weight:700;font-size:15px;color:#92400e;white-space:nowrap}.schedule-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}.pill.neutral{background:#e5e7eb;color:#374151}.pill.red{background:#e2231a;color:#fff}.pill.green{background:#10b981;color:#fff}.section-card{background:#fff;border-radius:20px;padding:32px;margin-bottom:20px;border-left:5px solid #e2231a;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;overflow:hidden}.invite-card{border-left-color:#f87171}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-icon{font-size:28px}.section-title h2{font-size:20px;font-weight:700;color:#e2231a}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-field{display:flex;flex-direction:column;gap:6px}.input-field label{font-size:13px;font-weight:600;color:#374151;letter-spacing:.02em}.input-field input,.input-field select{padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-family:inherit;background:#fafafa;color:#1f2937;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;width:100%}.input-field input:focus,.input-field select:focus{border-color:#e2231a;background:#fff;box-shadow:0 0 0 4px #e2231a1a;transform:translateY(-1px)}.input-field input::placeholder{color:#9ca3af}.guest-toggle{background:linear-gradient(135deg,#fff5f5,#fff);border:2px solid rgba(226,35,26,.2);border-radius:18px;padding:20px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;margin-bottom:20px;transition:all .25s ease;-webkit-user-select:none;user-select:none}.guest-toggle:hover{border-color:#e2231a;background:#fff5f5;box-shadow:0 8px 24px #e2231a26}.guest-toggle.active{border-color:#e2231a;background:#fff0f0}.toggle-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;transition:all .25s ease;box-shadow:0 4px 12px #0000001a}.toggle-btn.off{background:#fff;color:#e2231a}.toggle-btn.on{background:#e2231a;color:#fff}.guest-toggle>div{flex:1;display:flex;flex-direction:column;gap:2px}.guest-toggle strong{font-size:16px;color:#1f2937}.guest-toggle small{font-size:13px;color:#6b7280}.toggle-price{font-weight:700;color:#e2231a;font-size:18px}.price-card{background:linear-gradient(135deg,#fff,#fff5f5);border:3px solid #e2231a;border-radius:20px;padding:32px;text-align:center;margin-bottom:20px}.price-amount{display:flex;align-items:flex-start;justify-content:center;gap:4px;margin-bottom:8px}.currency{font-size:24px;font-weight:300;color:#e2231a;margin-top:12px}.amount{font-size:80px;font-weight:800;color:#e2231a;line-height:1}.price-card p{font-size:14px;color:#6b7280;margin-top:4px}.error-banner{background:#fff5f5;border:2px solid #fca5a5;border-radius:12px;padding:16px 20px;color:#dc2626;font-size:14px;font-weight:500;margin-bottom:20px}.submit-btn{width:100%;padding:22px;background:linear-gradient(135deg,#e2231a,#c51e14 60%,#a11c12);color:#fff;border:none;border-radius:18px;font-size:18px;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.5px;box-shadow:0 16px 40px #e2231a66,0 0 0 1px #ffffff26 inset;transition:opacity .2s;margin-bottom:40px}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-page{width:100%;max-width:680px;text-align:center}.success-emoji{font-size:80px;display:block;margin-bottom:16px}.success-page h1{font-size:36px;font-weight:800;color:#fff;margin-bottom:8px}.success-sub{color:#ffffffb3;margin-bottom:24px;font-size:16px}.success-card{background:#fff;border-radius:20px;padding:28px;margin-bottom:16px;text-align:left;box-shadow:0 8px 32px #0000001a;border-left:5px solid #e2231a}.success-card h3{font-size:18px;font-weight:700;color:#e2231a;margin-bottom:20px}.timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:#f9fafb}.timeline-item>div{display:flex;flex-direction:column;gap:2px}.timeline-item strong{font-size:15px;color:#1f2937}.timeline-item small{font-size:12px;color:#6b7280}.time-badge{padding:8px 14px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;min-width:110px;text-align:center}.time-badge.neutral{background:#e5e7eb;color:#374151}.time-badge.red{background:#e2231a;color:#fff}.time-badge.green{background:#10b981;color:#fff}.interac-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.interac-row:last-child{border-bottom:none}.interac-row span{font-size:14px;color:#6b7280}.interac-row code{background:#f8fafc;padding:8px 12px;border-radius:8px;font-size:13px;border:1px solid #e5e7eb;color:#1f2937;font-weight:600}.attachment{background:#f0f9f4;border-left-color:#10b981;display:flex;align-items:center;color:#059669;font-weight:600;font-size:14px}@media (max-width: 600px){.input-grid{grid-template-columns:1fr}.hero-header{padding:32px 20px}.hero-header h1{font-size:28px}.hero-icon{font-size:44px}.amount{font-size:64px}.section-card{padding:24px}.schedule-banner{flex-direction:column;align-items:flex-start}}
