@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@200..800&display=swap";:root{--color-burgundy:#851a34;--color-burgundy-hover:#5c1124;--color-gold:#c19b4c;--color-bg:#fdfaf5;--color-card:#fff;--color-text-primary:#331820;--color-text-secondary:#6e555d;--font-heading:"Playfair Display", serif;--font-body:"Plus Jakarta Sans", sans-serif;--border-radius:20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{justify-content:center;width:100%;padding:24px;display:flex}.welcome-container{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;animation:.5s ease-out fadeIn;display:flex}.wizard-card{background:var(--color-card);border-radius:var(--border-radius);border:1px solid #00000003;width:100%;max-width:640px;padding:40px;animation:.4s ease-out fadeIn;box-shadow:0 10px 40px #3a1e260a}h1,h2,h3{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:24px}h1 span.gold-text{color:var(--color-gold)}.input-field{width:100%;color:var(--color-text-primary);font-family:var(--font-body);background:#fff;border:1px solid #00000014;border-radius:12px;margin-bottom:16px;padding:14px 16px;font-size:15px;transition:all .2s}.input-field:focus{border-color:var(--color-burgundy);outline:none;box-shadow:0 0 0 4px #851a340d}.btn-primary{background:var(--color-burgundy);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover{background:var(--color-burgundy-hover);transform:translateY(-1px)}.btn-secondary{color:var(--color-text-secondary);cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:12px;margin-top:10px;padding:14px;font-weight:600}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0;display:grid}.feature-item{text-align:center;background:#fff;border:1px solid #00000005;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:20px 10px;display:flex;box-shadow:0 4px 12px #00000003}.feature-item .icon-box{color:var(--color-burgundy);background:#851a340a;border-radius:10px;padding:10px}.option-card{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:all .2s;display:flex}.option-card:hover{border-color:#851a344d}.option-card.selected{border-color:var(--color-burgundy);background:#851a3408}.radio-circle{border:2px solid #00000026;border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.option-card.selected .radio-circle{border-color:var(--color-burgundy)}.option-card.selected .radio-circle:after{content:"";background-color:var(--color-burgundy);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-buttons{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.grid-months{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.action-btn{text-align:center;cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:10px;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.action-btn:hover{border-color:var(--color-burgundy)}.action-btn.selected{border-color:var(--color-burgundy);color:var(--color-burgundy);background:#851a340a}.timeline-container{justify-content:space-between;align-items:center;width:100%;max-width:500px;margin:30px auto 40px;display:flex;position:relative}.timeline-line{z-index:1;background:#e9e5e0;width:80%;height:2px;position:absolute;top:16px;left:10%}.timeline-fill{background:var(--color-burgundy);z-index:1;height:2px;transition:width .4s;position:absolute;top:16px;left:10%}.timeline-item{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.timeline-circle{color:#a08c7c;background:#f4efe6;border:1px solid #e0d8cc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.timeline-item.active .timeline-circle,.timeline-item.completed .timeline-circle{background:var(--color-burgundy);color:#fff;border-color:var(--color-burgundy)}.timeline-label{color:#a08c7c;text-align:center;margin-top:8px;font-size:10px;font-weight:600}.app-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.app-header .circle-logo{background:#fff;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}