.greeting-card-modal-backdrop{position:fixed;inset:0 0 0 0;background-color:rgb(0,0,0,.7);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;overflow-y:auto;padding:20px}.greeting-card-modal-backdrop.is-visible{opacity:1}.greeting-card-modal{width:100%;max-width:500px;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgb(0,0,0,.3);transform:scale(.9);transition:transform .3s ease;position:relative;z-index:10001;overflow:hidden}.greeting-card-modal-backdrop.is-visible .greeting-card-modal{transform:scale(1)}.greeting-card-modal__header{background-color:#d22229;color:#fff;padding:24px 24px 20px 24px;display:flex;justify-content:space-between;align-items:flex-start}.greeting-card-modal__title{font-family:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:800;font-size:24px;line-height:1.2;margin:0;padding:0;padding-right:20px}.greeting-card-modal__close{background:0 0;border:none;padding:0;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .2s ease;margin-top:-4px}.greeting-card-modal__close:hover{opacity:.8;transform:scale(1.1)}.greeting-card-modal__close:focus{outline:2px solid #fff;outline-offset:2px;border-radius:4px}.greeting-card-modal__body{padding:32px 24px}.greeting-card-modal__message{font-size:16px;line-height:1.6;color:#333;margin:0;text-align:left}.greeting-card-modal__footer{padding:0 24px 24px 24px;display:flex;flex-direction:column;gap:12px}.greeting-card-modal__button{width:100%;padding:14px 24px;font-family:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;text-align:center;text-decoration:none;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:block}.greeting-card-modal__button--primary{background-color:#000;color:#fff;border-color:#000}.greeting-card-modal__button--primary:hover{background-color:#333;border-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px rgb(0,0,0,.2)}.greeting-card-modal__button--secondary{background-color:#fff;color:#000;border-color:#ddd}.greeting-card-modal__button--secondary:hover{background-color:#f5f5f5;border-color:#000}.greeting-card-modal__button:focus{outline:2px solid #d22229;outline-offset:2px}@media screen and (max-width:768px){.greeting-card-modal__header{padding:20px 16px 16px 16px}.greeting-card-modal__title{font-size:20px}.greeting-card-modal__body{padding:24px 16px}.greeting-card-modal__message{font-size:15px}.greeting-card-modal__footer{padding:0 16px 20px 16px}.greeting-card-modal__button{padding:12px 20px;font-size:15px}}@media (prefers-reduced-motion:reduce){.greeting-card-modal,.greeting-card-modal-backdrop,.greeting-card-modal__button,.greeting-card-modal__close{transition:none;animation:none}}