.occasion-wrapper{min-height:100vh;background:linear-gradient(to bottom left,#fefce8,#fff7ed,#fafaf9);display:flex;flex-direction:column;justify-content:space-between;padding:3rem 1rem 1rem;font-family:Segoe UI,sans-serif}.occasion-content{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:48rem;width:100%;margin:0 auto}.occasion-heading{font-size:2.5rem;font-weight:800;color:#ea580c;text-align:center;background:linear-gradient(90deg,#ea580c,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.occasion-subtext{font-size:1.125rem;color:#6b7280;text-align:center;margin-top:-1rem;margin-bottom:2.5rem}.occasion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;width:100%}@media (min-width:768px){.occasion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.occasion-option{padding:1rem 1.25rem;border-radius:1rem;font-weight:600;font-size:1rem;background-color:#fffefc;box-shadow:0 6px 20px rgba(0,0,0,.04);color:#1f2937;transition:all .3s ease;border:1px solid transparent}.occasion-option:hover{background-color:#fef9c3;transform:scale(1.03);border-color:#fcd34d}.occasion-option.active{box-shadow:0 0 0 3px #fde68a}.occasion-next-button,.occasion-option.active{background:linear-gradient(90deg,#f97316,#facc15);color:white;font-weight:700}.occasion-next-button{margin-top:2.5rem;padding:.85rem 2.5rem;border-radius:.75rem;font-size:1.05rem;border:none;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.12);transition:all .3s ease}.occasion-next-button:hover{background:linear-gradient(90deg,#ea580c,#fbbf24);transform:translateY(-3px)}