:root{--primary: #0d2c54;--primary-deep: #06182f;--secondary: #c5a059;--secondary-deep: #a8823f;--secondary-light: #e6d3af;--accent: #1d5c36;--saffron: #e0922f;--bg-page: #fcf8f2;--bg-card: #ffffff;--text-dark: #1c1c1c;--text-muted: #5e5e5e;--border-color: #dcd4c4;--error: #b3261e;--success: #2e7d32;--transition-fast: .2s ease;--transition-normal: .35s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 4px rgba(13, 44, 84, .05);--shadow-md: 0 8px 20px rgba(13, 44, 84, .08);--shadow-lg: 0 16px 40px rgba(13, 44, 84, .12);--shadow-gold: 0 10px 30px rgba(197, 160, 89, .25);--font-sans: "Outfit", "Sarabun", sans-serif;--font-serif: "Playfair Display", "Sarabun", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#022041;background-image:none;background-attachment:fixed;color:var(--text-dark);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column;background-color:#022041}.font-serif{font-family:var(--font-serif)}.hidden,body.lang-th .en-text,body.lang-en .th-text{display:none!important}.app-header{background-color:#fff;padding:.75rem 2rem;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(0,0,0,.08);transition:background-color .3s ease,box-shadow .3s ease}.app-header.scrolled{background-color:#fffffff7;box-shadow:0 2px 12px #00000026}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-area{display:flex;align-items:center;gap:.75rem}.logo-dot{width:12px;height:12px;background-color:var(--secondary);border-radius:50%;box-shadow:0 0 8px #c5a05980}.logo-text{font-weight:700;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:#022041}.lang-switcher{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid #022041}.lang-option{display:flex;align-items:center;justify-content:center;padding:.4rem .9rem;border:none;background:transparent;font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:#022041;cursor:pointer;transition:all .2s ease}.lang-option:hover{background:#f0f4f8}.lang-option.active{background:#022041;color:#fff}.lang-option-label{white-space:nowrap}.lang-btn:hover .lang-icon{transform:rotate(15deg) scale(1.15)}.main-container{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 2rem 4rem}.hero-banner{background:transparent;color:#fff;border-radius:24px;padding:0;margin-bottom:3rem;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(197,160,89,.25)}.hero-banner:before,.hero-banner:after{display:none}.banner-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:center;position:relative;z-index:2}.banner-image-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0006;border:2px solid var(--secondary);aspect-ratio:1}.banner-img{width:100%;height:100%;object-fit:cover;transition:transform 10s ease}.banner-image-container:hover .banner-img{transform:scale(1.05)}.banner-img-glow{position:absolute;inset:0;box-shadow:inset 0 0 50px #00000080;pointer-events:none}.banner-content{display:flex;flex-direction:column;gap:1.5rem}.title-group h1{font-size:3rem;font-weight:700;letter-spacing:3px;color:#fff;line-height:1;margin-bottom:.25rem}.subtitle-eng{font-size:2.2rem;font-weight:600;letter-spacing:2px;color:var(--secondary);line-height:1.1;margin-bottom:1rem}.thai-badge{background-color:var(--secondary);color:var(--primary);display:inline-block;padding:.4rem 1.5rem;border-radius:50px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #c5a0594d;align-self:flex-start}.banner-quote{font-style:italic;font-size:1.25rem;border-left:3px solid var(--secondary);padding-left:1rem;color:#e0e6ed;margin:.5rem 0}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.benefit-card{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border-radius:12px;background-color:#ffffff08;transition:all var(--transition-normal);border:1px solid transparent}.benefit-card:hover{background-color:#ffffff14;transform:translateY(-5px);border-color:#c5a0594d;box-shadow:0 10px 25px #0003}.benefit-card:hover .benefit-icon{transform:scale(1.2) rotate(10deg)}.benefit-icon{color:var(--secondary);font-size:1.2rem;line-height:1;margin-top:3px;transition:transform var(--transition-normal)}.benefit-texts p{font-size:.95rem;color:#cbd5e1}.benefit-texts p.th-text{font-weight:300}.hero-darshan{padding:0;margin-bottom:2.5rem;text-align:center;display:flex;align-items:center;justify-content:center;max-width:900px;margin-left:auto;margin-right:auto}.hero-bg-img{width:100%;height:auto;display:block;border-radius:16px;position:relative;z-index:2;box-shadow:var(--shadow-md)}.darshan-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:600px;margin:0 auto}.darshan-image{position:relative;width:220px;aspect-ratio:4 / 5;border-radius:130px 130px 18px 18px;overflow:hidden;border:3px solid var(--secondary);box-shadow:0 18px 44px #00000073}.darshan-image:after{content:"";position:absolute;inset:5px;border-radius:124px 124px 14px 14px;border:1px solid rgba(255,255,255,.35);pointer-events:none}.darshan-image .banner-img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 8s ease}.darshan-image:hover .banner-img{transform:scale(1.06)}.hero-darshan .title-group h1{font-size:2.8rem;letter-spacing:4px;margin-bottom:.1rem}.hero-darshan .subtitle-eng{font-size:2rem;margin-bottom:.75rem}.hero-darshan .banner-quote{border-left:none;padding-left:0;font-size:1.15rem;max-width:480px;margin:0 auto}.why-give-section{margin-top:3rem}.why-give-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;text-align:center}.why-give-lotus{color:var(--secondary);filter:drop-shadow(0 2px 6px rgba(197,160,89,.3))}.why-give-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:.5px}.benefits-grid--light{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:0;max-width:900px;margin-left:auto;margin-right:auto}.benefits-grid--light .benefit-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.benefits-grid--light .benefit-card:hover{background-color:var(--bg-card);border-color:var(--secondary);box-shadow:var(--shadow-gold)}.benefits-grid--light .benefit-texts p{color:var(--text-dark)}.benefits-grid--light .benefit-texts p.th-text{color:var(--text-muted)}.lotus-divider{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin:0 auto 3rem;max-width:560px;color:var(--secondary)}.divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,var(--secondary-deep) 100%);border-radius:2px}.lotus-divider .divider-line:last-child{background:linear-gradient(90deg,var(--secondary-deep) 0%,transparent 100%)}.divider-lotus{color:var(--secondary);filter:drop-shadow(0 2px 6px rgba(197,160,89,.35));animation:lotus-breathe 5s ease-in-out infinite}@keyframes lotus-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}.form-section{display:flex;flex-direction:column;gap:2rem}.cta-banner{text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:1.4rem;font-weight:700;letter-spacing:1px;color:#fff;margin-bottom:.5rem}.cta-desc{font-size:1rem;color:#ccc}.receipt-card-outer{position:relative;max-width:900px;width:100%;margin:2rem auto 0}.prabhupada-portrait-container{position:absolute;top:-45px;right:50px;width:90px;height:90px;z-index:5;border-radius:50%;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.prabhupada-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--bg-card)}.prabhupada-ring{position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--secondary);pointer-events:none}.receipt-card-outer:hover .prabhupada-portrait-container{transform:translateY(-8px) scale(1.05)}.receipt-card{background-color:var(--bg-card);background-image:linear-gradient(var(--bg-card),var(--bg-card)),repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(197,160,89,.04) 39px,transparent 40px);border:2px solid var(--secondary);border-radius:16px;padding:3.5rem 3rem 3rem;box-shadow:var(--shadow-md),inset 0 0 0 6px #c5a05914;position:relative;overflow:hidden}.receipt-watermark{position:absolute;bottom:-30px;right:-30px;width:260px;height:260px;color:var(--secondary);opacity:.06;pointer-events:none;z-index:0}.receipt-card>*:not(.receipt-watermark){position:relative;z-index:1}.receipt-card:before,.receipt-card:after{content:"";position:absolute;width:38px;height:38px;border:2px solid var(--secondary);pointer-events:none;z-index:2}.receipt-card:before{top:14px;left:14px;border-right:none;border-bottom:none;border-top-left-radius:8px}.receipt-card:after{bottom:14px;right:14px;border-left:none;border-top:none;border-bottom-right-radius:8px}.receipt-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.receipt-decor{width:60px;height:3px;background-color:var(--secondary);margin-bottom:.5rem}.receipt-title-tag{font-family:var(--font-serif);font-weight:700;font-size:1rem;letter-spacing:2px;color:var(--primary);text-transform:uppercase}.receipt-sentence-container{margin-bottom:2.5rem;padding:1.25rem;background-color:var(--bg-page);border-radius:8px;border-left:4px solid var(--secondary)}.receipt-sentence{font-size:1.2rem;line-height:2.2;color:var(--text-dark)}.inline-input-wrapper{display:inline-block;position:relative;min-width:min(250px,100%);max-width:100%;width:auto;margin:0 .5rem;vertical-align:middle}.receipt-inline-input{width:100%;border:none;background:transparent;border-bottom:2px solid var(--secondary-light);padding:0 .5rem;font-family:var(--font-sans);font-size:1.15rem;font-weight:500;color:var(--primary);text-align:center;transition:all var(--transition-normal)}.receipt-inline-input:hover{border-bottom-color:var(--secondary)}.receipt-inline-input:focus{outline:none;border-bottom-color:var(--primary);transform:translateY(-2px)}.receipt-inline-input::placeholder{color:#a0aec0;font-size:.95rem;font-weight:400;font-style:italic}.quick-donation-block{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}.quick-donation-label{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.quick-donation-container{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.quick-btn{background-color:var(--bg-page);border:1.5px solid var(--border-color);color:var(--primary);padding:.6rem 1.5rem;border-radius:50px;font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.quick-btn:hover{border-color:var(--secondary);color:var(--secondary-deep);transform:translateY(-3px);box-shadow:0 6px 14px #c5a0592e}.quick-btn:active{transform:translateY(1px) scale(.95);box-shadow:var(--shadow-sm)}.quick-btn.selected{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-deep) 100%);border-color:var(--secondary-deep);color:#fff;box-shadow:var(--shadow-gold)}.quick-btn.selected:hover{color:#fff;transform:translateY(-3px)}.receipt-form-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem;row-gap:1.75rem}.col-span-2{grid-column:span 2}.col-span-1-5,.col-span-0-5{grid-column:span 1}@media (min-width: 768px){.col-span-1-5,.col-span-0-5{grid-column:span 1 / span 1}.receipt-form-grid{grid-template-columns:2fr 1fr}.col-span-2{grid-column:span 2}}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-group label{font-weight:600;font-size:.95rem;color:var(--primary);display:flex;align-items:center}.input-wrapper{position:relative;width:100%}.input-wrapper input,.input-wrapper textarea{width:100%;border:1px solid var(--border-color);background-color:#faf9f6;border-radius:8px;padding:.85rem 1rem;font-family:var(--font-sans);font-size:1rem;color:var(--text-dark);transition:all var(--transition-normal)}.input-wrapper textarea{resize:vertical}.input-wrapper input:hover,.input-wrapper textarea:hover{border-color:var(--secondary-light);background-color:#fff}.input-wrapper input:focus,.input-wrapper textarea:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #0d2c541a;transform:translateY(-1px)}.input-focus-line{position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--secondary);transition:var(--transition-normal)}.input-wrapper input:focus~.input-focus-line,.input-wrapper textarea:focus~.input-focus-line{left:0;width:100%}.input-wrapper input.invalid,.input-wrapper textarea.invalid{border-color:var(--error);background-color:#fdf5f4}.input-wrapper input.invalid:focus,.input-wrapper textarea.invalid:focus{border-color:var(--error);box-shadow:0 0 0 4px #b3261e1f}.receipt-inline-input.invalid{border-bottom-color:var(--error);color:var(--error);animation:field-shake .4s ease}.input-wrapper input.invalid,.input-wrapper textarea.invalid{animation:field-shake .4s ease}@keyframes field-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.error-msg-container{min-height:18px;font-size:.8rem;color:var(--error);font-weight:500;margin-top:.25rem;opacity:0;transform:translateY(-5px);transition:var(--transition-fast)}.error-msg-container.active{opacity:1;transform:translateY(0)}.form-submit-container{grid-column:span 2;display:flex;justify-content:center;margin-top:2rem}.submit-btn{background:linear-gradient(135deg,var(--primary) 0%,#173f75 100%);color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-family:var(--font-sans);font-size:1.1rem;font-weight:600;letter-spacing:1px;cursor:pointer;box-shadow:0 10px 20px #0d2c5433;position:relative;overflow:hidden;transition:all var(--transition-normal)}.submit-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0d2c5459}.submit-btn:active{transform:translateY(1px) scale(.97);box-shadow:0 5px 10px #0d2c5433}.trust-badge{animation:pulse-soft 3s infinite}@keyframes pulse-soft{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:.9}}.btn-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-25deg);transition:.75s}.submit-btn:hover .btn-shine{left:150%}.bank-info-section{margin:2rem 0;padding:1.5rem;background-color:var(--bg-page);border:1px dashed var(--secondary);border-radius:12px}.bank-info-title{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--primary);text-align:center;margin-bottom:1rem;letter-spacing:.5px}.bank-info-grid{display:flex;flex-direction:column;gap:.6rem}.bank-info-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(197,160,89,.15)}.bank-info-row:last-child{border-bottom:none}.bank-info-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.bank-info-value{font-size:.95rem;font-weight:600;color:var(--primary)}.bank-account-no{font-family:Courier New,monospace;letter-spacing:1px}.signature-section{margin:2rem 0 1.5rem}.signature-label{display:block;font-weight:600;font-size:.95rem;color:var(--primary);margin-bottom:.5rem}.signature-pad-wrapper{position:relative;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:#faf9f6;transition:border-color var(--transition-normal)}.signature-pad-wrapper:hover{border-color:var(--secondary-light)}.signature-pad{display:block;width:100%;height:150px;cursor:crosshair;touch-action:none}.signature-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#a0aec0;font-size:.95rem;font-style:italic;pointer-events:none;transition:opacity .3s ease;text-align:center}.signature-clear-btn{display:inline-block;margin-top:.5rem;background:none;border:1px solid var(--border-color);color:var(--text-muted);padding:.3rem 1rem;border-radius:50px;font-family:var(--font-sans);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.signature-clear-btn:hover{border-color:var(--error);color:var(--error);background-color:#b3261e0d}.krishna-teaching-section{margin-top:3rem;margin-bottom:0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);border:none}.krishna-teaching-container{position:relative;width:100%;line-height:0}.krishna-teaching-img{width:100%;height:auto;display:block;object-fit:cover}@media (max-width: 768px){.krishna-teaching-img{width:100%;height:auto}}.app-footer{background-color:var(--primary);color:#fff;padding:3rem 2rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.mantra-container{background-color:#c5a0591a;border:1px solid rgba(197,160,89,.3);border-radius:12px;padding:1rem;text-align:center}.mantra-text{font-family:var(--font-serif);font-size:1.15rem;letter-spacing:1px;color:var(--secondary-light);line-height:1.8}.footer-bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center}.footer-quote-area{border-left:2px solid rgba(255,255,255,.15);padding-left:1.5rem}.footer-quote-area p{font-style:italic;font-size:1rem;color:#94a3b8}.footer-quote-area p.th-text{font-weight:300}.footer-contact-area{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.contact-label{font-size:.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.contact-value{font-size:1.6rem;font-weight:700;color:var(--secondary);text-decoration:none;transition:var(--transition-fast)}.contact-value:hover{color:#fff;transform:translate(-5px)}.toast{position:fixed;top:30px;left:50%;background-color:var(--bg-card);box-shadow:var(--shadow-lg);border-radius:12px;padding:1rem 1.5rem;z-index:100;transform:translate(-50%,-150%);opacity:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s}.toast.show{transform:translate(-50%);opacity:1}.toast.success{border-left:5px solid var(--success)}.toast.success .toast-icon{background-color:#2e7d321a;color:var(--success)}.toast.error{border-left:5px solid var(--error)}.toast.error .toast-icon{background-color:#b3261e1a;color:var(--error)}.toast-content{display:flex;align-items:center;gap:1rem}.toast-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.toast-message{font-size:.95rem;color:var(--text-dark);font-weight:500}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-banner,.lotus-divider,.cta-banner,.receipt-card-outer,.why-give-section{animation:reveal-up .7s cubic-bezier(.16,1,.3,1) both}.lotus-divider{animation-delay:.1s}.cta-banner{animation-delay:.18s}.receipt-card-outer{animation-delay:.26s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 992px){.banner-grid{grid-template-columns:1fr;gap:2.5rem}.banner-image-container{max-width:400px;margin:0 auto}.prabhupada-portrait-container{right:30px}}@media (max-width: 768px){.main-container{padding:0 1rem 3rem}.hero-banner{padding:2rem}.title-group h1{font-size:2.2rem}.subtitle-eng{font-size:1.7rem}.benefits-grid,.benefits-grid--light{grid-template-columns:1fr;gap:1rem}.hero-darshan{margin-bottom:1.5rem;max-width:100%}.hero-bg-img{border-radius:12px}.receipt-card{padding:2.5rem 1.5rem 2rem}.receipt-sentence{font-size:1.1rem}.receipt-form-grid{grid-template-columns:1fr;row-gap:1.25rem}.col-span-2,.col-span-1-5,.col-span-0-5{grid-column:span 1}.footer-bottom-grid{grid-template-columns:1fr;gap:1.5rem}.footer-contact-area{align-items:flex-start}}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:#022041e0;backdrop-filter:blur(8px)}.modal-card{position:relative;background:linear-gradient(160deg,#fff,#fcf8f2);border-radius:24px;padding:2.5rem 2rem 2rem;max-width:420px;width:90%;text-align:center;box-shadow:0 32px 64px #0006,0 0 0 2px var(--secondary);transform:translateY(30px) scale(.95);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.modal-overlay.show .modal-card{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:.75rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:.25rem .5rem;border-radius:8px;transition:color .2s}.modal-close:hover{color:var(--text-dark)}.modal-image-ring{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;border:3px solid var(--secondary);box-shadow:0 0 24px #c5a05959}.modal-portrait{width:100%;height:100%;object-fit:cover}.modal-icon{font-size:2rem;margin-bottom:.5rem}.modal-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.75rem}.modal-message{font-size:.95rem;color:var(--text-muted);line-height:1.7;margin-bottom:.75rem}.modal-verse{font-family:var(--font-serif);font-size:.9rem;font-style:italic;color:var(--secondary-deep);line-height:1.6;margin-bottom:1.5rem;padding:.5rem 1rem;border-left:3px solid var(--secondary);text-align:left}.modal-done-btn{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-deep) 100%);color:#fff;border:none;padding:.75rem 2.5rem;border-radius:50px;font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 16px #c5a05966}.modal-done-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c5a0598c}.modal-done-btn:active{transform:translateY(0) scale(.97)}@media (max-width: 480px){.modal-card{padding:2rem 1.25rem 1.5rem}.modal-title{font-size:1.3rem}}
