@font-face{font-family:PPBango;src:url(/assets/PPBango-Regular-0d848c24.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BangoPro;src:url(/assets/bangopro-96676e49.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BangoPro-SDF;src:url(/assets/PPBango-Regular-0d848c24.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{font-family:PPBango,BangoPro,arial,sans-serif;line-height:1.5;font-weight:400;--paw-blue: rgba(0, 53, 148, 1);--paw-red: #dc2626;--paw-yellow: #fbbf24;--paw-green: #059669;--paw-green-light: rgba(0, 205, 19, 1);--paw-purple: #7c3aed;--paw-orange: #ea580c;--paw-pink: #ec4899;--paw-navy: #1e3a8a;--paw-dark-blue: #1e40af;--fun-gradient: linear-gradient(135deg, #60a5fa 0%, #a855f7 30%, #ec4899 60%, #fbbf24 100%);--sky-gradient: linear-gradient(135deg, #87ceeb 0%, #98d8e8 50%, #b8e6f0 100%);--badge-gradient: linear-gradient(45deg, #fbbf24 0%, #f59e0b 100%);--small-tablet: 639px;--big-phone: 425px}body{margin:0;min-height:100vh;color:#1f2937;font-family:PPBango,arial,sans-serif}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border:none;border-radius:2rem;font-weight:700;font-size:1.1rem;text-decoration:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(45deg,var(--paw-blue),var(--paw-navy));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e40af66}.btn-secondary{background:linear-gradient(45deg,#6b7280,#4b5563);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.btn-success{background:linear-gradient(45deg,var(--paw-green),#047857);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #05966966}.btn-character{background-color:var(--paw-green-light);color:#fff;font-weight:800;text-transform:unset}.btn-character:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.main-splash-image-container{flex-grow:1;background-image:url(/assets/pupsgroup-8a512199.webp);background-repeat:no-repeat;background-position:bottom right;background-size:90%}.main-title-container{width:auto}.main-title-image-flex{display:flex;flex-flow:column nowrap;align-items:flex-start;gap:.5rem}.main-title-interior-flow{flex-flow:row nowrap;align-items:flex-end}.main-title-interior-flow .main-title{line-height:1}.main-title{font-size:clamp(2rem,7vw,4rem);line-height:clamp(2.5rem,7vw,4.5rem);margin:0;font-weight:400;color:var(--paw-blue)}.main-subtitle{font-size:clamp(1rem,3vw,1.5rem);line-height:clamp(1.4rem,3vw,1.8rem);margin:0;font-weight:400;color:#8f8f8f}.main-logo{width:clamp(5rem,11vw,7rem);margin:0;margin-left:-.5rem;padding:0}@media (max-width: 639px){.main-splash-image-container{display:none}.main-title-container{width:100%;text-align:center}.main-title-break{display:none}.main-logo{margin:0}.main-title-image-flex{gap:.7rem;align-items:center}.main-title-interior-flow{flex-flow:column nowrap}}.form-input{width:100%;padding:1rem 1.5rem;border:1px solid #c4c8c8;border-radius:.5rem;font-size:1rem;font-weight:400;font-family:Arial,Helvetica,sans-serif;transition:all .1s ease;background:white}@media (max-width: 639px){.form-input{padding:.9rem 1.1rem}}@media (max-width: 425px){.form-input{padding:.8rem .75rem}}.form-input::placeholder{color:#adadad}.form-input:focus{transform:translateY(-1px);outline:2.5px solid rgba(0,160,222,1);background-color:#f7fdff}.form-input.error{border-color:var(--paw-red);box-shadow:0 0 0 4px #dc262633}.form-label{display:block;margin-bottom:.2rem;font-weight:400;font-size:1rem;color:#003594}.error-text{color:var(--paw-red);font-size:1rem;font-weight:400;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.error-text:before{content:"!"}.custom-caret{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/webp;base64,UklGRh4DAABXRUJQVlA4WAoAAAAYAAAAUwAALwAAQUxQSNYAAAABgBSAbRxJAIZBDzjF0Pfwmn6LYI7dZTHXr9+hob1jSwYQEWbTtmnkvXcAmJbrc51RYPP6vC4TAOwO/LVz577uzF877IA/kdvgvWEj/8BE1jD+EzktrGH4Ny5XNpSI1ydbKsTnyqYCcZ3Z5o8zzgH2zkC3BZjbOgCDUfzpKHNx1jKM5djKMpVnScGQhjwVacoPpSkJ05KlJkpPkoMgj3QuyXxSOSXyCucWzC6WXyiLfCbZbHIZZbKKZxbNLlYBkUpoV0SrMgoGdB+/76NDqe2Pr9dxD9EAVlA4INYBAADwDQCdASpUADAAPo00lkelIqIhLjgPMKARiWwAvYw+R5+H/jTzKuwHcf1gd4LTPOA8wD9AP1P6yP8A9AHQA9AD+n9QBz5HsJfu5+xvsZ9YB/AOqf4ABkwGMS6hP1wJ3kSW0gLpNjfKLDH0klbiezVXlUZvdfGpCAAA/t4Sf/oR0RXpx9EIcPQJ7aX/7p6z8U+VdgPWz8LnVm+myzGN97czZtawxgjwjzpm33Ax4CoYyWOjK4+p+p/9aq6eV/6Tn3HyJ61J/tV+w3YvN1i3m2ErIAzs8Xip7wVXWejHu4/IpR7oAX4jqQlLZfrzj5Cc8f7LYS0ChK/H9sdfRH/MX9O8Wr3zKnv1Kd4tVbwhqqX0eoHrU26b6GT2pRbf6xYyKy3I6eRIULmuYHAevVFqvmBAo9DqFeus2t+ILGWQRd9yrkyGhmeoQHhh6wy9t+QJrPLuj41cWqnvBVdZ6MbDYJA+zeKubhimYbdY/MwpjoP4C0l3mwUWKnwv6r1Vq0X/h/knh//1qpaPdEaA5HIJ4JCD20258l8mddeszp5NrRZspXazJXNGmMv25hETtzz++P6KijOqq0DDdUrQvmRXn5p2VolX/a7QOpYtpSmz/5KISCA5VAAAAEVYSUZEAAAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAVKADAAQAAAABAAAAMAAAAAA=);background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:2.5rem;cursor:pointer}@media (max-width: 425px){.custom-caret{background-position:right .8rem center;padding-right:2.15rem}}.card{background:white;border-radius:2rem;box-shadow:0 20px 40px #00000026;overflow:hidden;border:4px solid transparent;background-clip:padding-box;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--fun-gradient)}.card-rectangle{background:white;overflow:hidden;border:4px solid transparent;background-clip:padding-box;position:relative}.fun-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:4px solid var(--paw-yellow);border-radius:2rem;box-shadow:0 20px 40px #00000026;position:relative;overflow:hidden}.fun-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--fun-gradient);border-radius:2rem;z-index:-1}.character-card{text-align:center;flex:1 0 16.666%;max-width:150px;transition:all .3s ease}.character-card:hover,.character-card.selected{transform:scale(1.05)}@media (max-width: 639px){.character-card{flex:1 0 33.333%;max-width:100%}}.character-card-image{width:85%;border-radius:100%;border:none;box-shadow:0 7px 10px -0px #0000004d}.character-card-image.selected{outline:3px solid var(--paw-blue);background-color:#00ebff}.character-card-pup-name{font-size:clamp(.95rem,2vw,1.1rem);font-weight:400;margin-top:clamp(.3rem,1vw,.7rem)}.character-card-pup-name-unavailable{color:#00000040}.character-card-small{background:white;border:3px solid var(--paw-blue);border-radius:.75rem;padding:.25rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 12px #0000001a}.character-card-small:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #1e40af4d;border-color:var(--paw-yellow)}.character-card-small.selected{border-color:var(--paw-yellow);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);box-shadow:0 15px 30px #fbbf2466;transform:translateY(-3px) scale(1.05)}.character-card-medium{background:white;border:3px solid var(--paw-blue);border-radius:1.5rem;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.character-card-medium:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 35px #1e40af4d;border-color:var(--paw-yellow)}.character-card-medium.selected{border-color:var(--paw-yellow);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);box-shadow:0 20px 35px #fbbf2466;transform:translateY(-4px) scale(1.03)}.character-card:before{content:"";position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:0;transition:opacity .3s ease}.character-card.selected:before{opacity:1}.schedule-outer-box{border-radius:4.45rem;box-shadow:0 0 0 1px #e8eded,0 2px 4px #5f636740;padding:1rem;margin-top:3rem}@media (max-width: 639px){.schedule-outer-box{border-radius:2rem;margin-top:2rem}.confirmation-outer-box{margin-top:2.75rem!important}}.confirmation-outer-box{margin-top:4.5rem;padding:0}.confirmation-content-wrapper{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.section-title.section-title-bigger{font-size:clamp(1.75rem,6vw,3rem);line-height:1.1;margin-top:0}.section-subtitle.section-subtitle-bigger{color:var(--paw-blue);font-weight:700;line-height:1.2;margin-top:1rem}.what-expect-wrapper{display:flex;flex-flow:column nowrap;align-items:center;gap:0}.what-expect-list{font-family:Arial,Helvetica,sans-serif;padding-left:1rem}.section-title-in-confirmation{margin-top:1.5rem}.confirmation-pup-image{width:100%;max-width:280px;min-width:100px;border:none}@media (max-width: 425px){.confirmation-pup-image{max-width:200px}}.confirmation-pup-name{font-weight:400;padding:0;margin:0;color:var(--paw-blue)}.schedule-details-box{display:flex;gap:1rem}@media (max-width: 639px){.schedule-details-box{flex-direction:column;gap:2rem}}.schedule-details-box-item-left{flex-basis:35%;text-align:center}.schedule-details-box-item-right{flex-basis:65%}.schedule-details-entry{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;gap:.6rem;margin-bottom:.6rem}.schedule-details-label{flex-basis:37%;color:var(--paw-blue)}.schedule-details-label-long{flex-basis:100%}.schedule-details-value{flex-basis:63%;align-self:flex-start;font-family:Arial,Helvetica,sans-serif;color:var(--paw-blue);overflow-wrap:anywhere}.schedule-details-value-long{flex-basis:100%;margin:0}@media (max-width: 425px){.schedule-details-entry{flex-flow:column nowrap;gap:.2rem}.schedule-details-value{margin-top:.2rem}}.edit-button{background-color:#f5a927;flex-grow:1}.confirm-button{flex-grow:1;font-size:2rem}@media (max-width: 639px){.btn-extra-text{display:none}}.sign-out-container{display:flex;justify-content:center;width:100%}.sign-out-container button{background-color:#8f8f8f}.footer-text{font-size:.8rem;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:gray}@media (max-width: 639px){.footer-text{font-size:.7rem}}.fun-gradient-bg{background:var(--fun-gradient)}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:3rem}.mb-12{margin-bottom:4rem}@media (max-width: 639px){.mb-10,.mb-12{margin-bottom:2rem}}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.p-4,.p-4-responsive{padding:1rem}.p-6{padding:1.5rem}.p-8,.p-8-responsive{padding:2rem}@media (max-width: 639px){.p-4-responsive{padding:.5rem}}@media (max-width: 425px){.p-4-responsive{padding:0rem 0rem 1rem}.p-8-responsive{padding:1rem 1rem 2rem}}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-align-center{align-items:center}.flex-with-gap{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between}.flex-item-half,.flex-item-half-responsive{flex-basis:calc(50% - .8rem)}@media (max-width: 639px){.flex-item-half-responsive{flex-basis:100%}}.flex-item-twothirds-responsive{border:1px solid red}.flex-item-full{flex-basis:100%}.flex-item-onethird{flex-basis:calc(25% - .8rem)}.flex-item-twothirds{flex-basis:calc(75% - .8rem)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-blue-600{color:#2563eb}.text-green-600{color:#059669}.text-red-600{color:#dc2626}.text-blue-pup{color:var(--paw-blue)}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-blue-50{background-color:#eff6ff}.bg-green-50{background-color:#ecfdf5}.bg-red-50{background-color:#fef2f2}.bg-red-600{background-color:#dc2626}.bg-yellow-50{background-color:#fffbeb}.border{border:1px solid #d1d5db}.border-gray-200{border-color:#e5e7eb}.border-blue-200{border-color:#bfdbfe}.border-green-200{border-color:#bbf7d0}.border-red-200{border-color:#fecaca}.border-yellow-200{border-color:#fde68a}.rounded-xl{border-radius:.75rem}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.w-auto{width:auto}.h-5{height:1.25rem}.min-h-screen{min-height:100vh}.hidden{display:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grayscale{filter:grayscale(100%)}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.opacity-75{opacity:.75}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.custom-calendar{width:100%;max-width:100%;background:white;border:1px solid #c4c8c8;border-radius:.5rem;padding:clamp(.5rem,2vw,.75rem) clamp(.5rem,2vw,.75rem) clamp(.75rem,2.5vw,1rem);font-family:Arial,Helvetica,sans-serif;transition:all .1s ease;box-sizing:border-box}.custom-calendar.error{border-color:var(--paw-red);box-shadow:0 0 0 4px #dc262633}.custom-calendar:focus-within{outline:2.5px solid rgba(0,160,222,1);transform:translateY(-1px)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem}.calendar-month-year{font-size:1.1rem;font-weight:600;color:#003594;margin:0;text-align:center;flex:1}.calendar-nav-button{background:none;border:none;font-size:1.875rem;color:#0ea5e9;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.calendar-nav-button:hover:not(:disabled){background-color:#0ea5e91a;transform:scale(1.1)}.calendar-nav-button:disabled{color:#c4c8c8;cursor:not-allowed}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.calendar-day-header{text-align:center;font-size:.875rem;font-weight:600;color:#6b7280;padding:.5rem .25rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.4rem,1.8vw,.65rem) clamp(.15rem,1vw,.25rem);place-items:center;width:100%;max-width:100%;justify-items:center;align-items:center}.calendar-day{background:#f1f5f9;border:1px solid transparent;border-radius:50%;padding:0;font-size:clamp(.85rem,2.5vw,1rem);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:0;max-width:100%;color:var(--paw-blue);box-sizing:border-box;flex-shrink:1;aspect-ratio:1 / 1}.calendar-day:focus{outline:none;border-color:#00a0de80}.calendar-day:hover:not(:disabled):not(.empty):not(.selected){background-color:#00a0de1a;border-color:#00a0de4d;transform:scale(1.05)}.calendar-day.selected{background-color:#0ea5e9!important;color:#fff!important;border-color:#0ea5e9!important;font-weight:700;box-shadow:0 2px 8px #0ea5e94d}.calendar-day.selected:hover{background-color:#0ea5e9e6!important;transform:scale(1.05)}.calendar-day.disabled{color:#c4c8c8;cursor:not-allowed;background-color:#f9fafb!important}.calendar-day.empty{cursor:default;background:transparent!important}@media (min-width: 640px) and (max-width: 780px){.calendar-header{margin-bottom:.75rem}.calendar-month-year{font-size:1rem}.calendar-day{width:2rem;height:2rem;font-size:.9rem}.calendar-day-header{font-size:.8rem;padding:.4rem .2rem}.calendar-nav-button{width:2.25rem;height:2.25rem;font-size:1.625rem}}@media (max-width: 639px){.calendar-month-year{font-size:1rem}.calendar-day{width:2rem;height:2rem;font-size:.9rem}.calendar-day-header{font-size:.8rem;padding:.4rem .2rem}}@media (max-width: 425px){.calendar-day{width:1.8rem;height:1.8rem;font-size:.85rem}.calendar-nav-button{width:2.25rem;height:2.25rem;font-size:1.625rem}}.calendar-container{width:100%;max-width:100%;min-width:0}.time-timezone-container{display:flex;flex-direction:column;gap:1rem;width:100%}.time-field,.timezone-field,.time-input-container{width:100%}.time-input-layout{display:flex;align-items:center;gap:.75rem;width:100%}.time-input-wrapper{display:flex;align-items:center;gap:.5rem;max-width:45%;padding:.71rem 1.5rem;border:1px solid #c4c8c8;border-radius:.5rem;background:white;transition:all .1s ease;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}.time-input-container.error .time-input-wrapper{border-color:var(--paw-red);box-shadow:0 0 0 4px #dc262633}.time-input-wrapper:focus-within{transform:translateY(-1px);outline:2.5px solid rgba(0,160,222,1);background-color:#f7fdff}.time-input-field{flex:1;min-width:0}.time-input-text{width:100%;border:none;outline:none;background:transparent;font-size:1rem;font-weight:400;font-family:Arial,Helvetica,sans-serif;text-align:center;padding:0;margin:0;min-width:0;line-height:1}.time-input-text::placeholder{color:#adadad}.time-separator{font-size:1.2rem;font-weight:700;color:#666;margin:0 .25rem}.period-toggle{display:flex;border-radius:.5rem;overflow:hidden;border:1px solid #c4c8c8;background:white;flex-shrink:0}.period-button{padding:1.1rem 1rem;border:none;background:white;color:#666;font-size:.875rem;font-weight:600;font-family:Arial,Helvetica,sans-serif;cursor:pointer;transition:all .15s ease;min-width:2.5rem;position:relative}.period-button:hover:not(.active){background:#f8f9fa;color:#333}.period-button.active{background:#00A0DE;color:#fff;box-shadow:0 2px 4px #00a0de33}.period-button:first-child{border-right:1px solid #c4c8c8}.period-button.active:first-child{border-right:1px solid #00A0DE}.period-button:focus{outline:none;z-index:1}@media (max-width: 639px){.time-input-layout{gap:.5rem}.time-input-wrapper{padding:.555rem 1.1rem;gap:.375rem;max-width:50%}.period-button{padding:1rem .9rem;font-size:.8rem;min-width:2.25rem}.time-separator{margin:0 .125rem}}@media (max-width: 425px){.time-input-layout{gap:.375rem}.time-input-wrapper{padding:.45rem .75rem;gap:.25rem;max-width:55%}.period-button{padding:.9rem .8rem;font-size:.75rem;min-width:2rem}}.spinner{display:inline-block;width:24px;height:24px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--paw-yellow);border-right-color:var(--paw-blue);animation:spin 1s ease-in-out infinite}.paw-spinner{display:inline-block;width:40px;height:40px;background:var(--paw-blue);border-radius:50%;position:relative;animation:bounce 1.5s ease-in-out infinite}.paw-spinner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes bounce-in{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}70%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-in{animation:bounce-in .8s ease-out}.animate-wiggle{animation:wiggle 2s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.fun-title{background:var(--fun-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--badge-gradient);color:#1f2937;border-radius:2rem;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #fbbf244d}.speaker-icon{height:1.5rem;width:auto}.bg-transparent{background-color:transparent}.border-none{border:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.active\:scale-75:active{transform:scale(.75)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.top-full{top:100%}.right-0{right:0}.right-full{right:100%}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-0-4{margin-top:.1rem}.-translate-y-1\/2{transform:translateY(-50%)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.bg-gray-800{background-color:#1f2937}.text-white{color:#fff}.text-sm{font-size:.875rem;line-height:1.25rem}.font-normal{font-weight:400}.rounded{border-radius:.25rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.z-20{z-index:20}.whitespace-nowrap{white-space:nowrap}.help-icon-button{background:transparent;border:none;font-size:1rem;cursor:pointer;padding:.25rem;min-width:2rem;min-height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;color:var(--paw-blue)}.help-icon-button:hover{background-color:#0000001a}.help-popup{background:white;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:20rem;padding:1rem;position:absolute;top:100%;left:0;margin-top:.5rem;z-index:30}.help-close-button{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:.25rem;position:absolute;top:.5rem;right:.5rem;color:#6b7280;transition:color .2s}.help-close-button:hover{color:#374151}.help-content{font-size:.875rem;line-height:1.25rem;color:#374151;padding-right:1.5rem;font-family:Arial,Helvetica,sans-serif}.help-title{font-size:.875rem;font-weight:400;margin-bottom:.25rem;font-family:PPBango,Arial,Helvetica,sans-serif}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.p-4{padding:1rem}.pr-6{padding-right:1.5rem}.max-w-sm{max-width:24rem}.border{border-width:1px}.border-gray-300{border-color:#d1d5db}.rounded-lg{border-radius:.5rem}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.z-30{z-index:30}.text-gray-500{color:#6b7280}.text-gray-700,.hover\:text-gray-700:hover{color:#374151}.inline-block{display:inline-block}.section-title{font-size:2rem;font-weight:400;line-height:1;vertical-align:sub;color:var(--paw-blue);margin-bottom:0;padding:0}.section-subtitle{font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:400;color:#565656;margin-top:0}@media (max-width: 639px){.section-title{font-size:1.5rem;line-height:1.9rem}.section-subtitle{font-size:1rem;line-height:1.5rem}}@media print{.no-print{display:none!important}body,.gradient-bg{background:white!important}}.terms-container{display:flex;align-items:flex-start;gap:.75rem}.terms-checkbox{transform:scale(1.2);flex-shrink:0;margin:0;margin-top:.25rem}.terms-label{font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;color:#374151;line-height:1.5;cursor:pointer;margin:0;margin-top:-.25rem}.terms-link{color:var(--paw-blue);text-decoration:underline}.terms-link:hover{color:var(--paw-navy)}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.app-container{min-height:100vh}