section.target-date-input{flex-direction:column;justify-content:center;align-items:center;margin-top:9.75rem;display:flex}section.target-date-input .input-label-wrapper{flex-direction:column;justify-content:center;align-items:center;margin-bottom:8.5rem;display:flex}section.target-date-input h2{font-size:2.25rem;font-weight:600;line-height:2.9375rem}@media (max-width:768px){section.target-date-input h2{font-size:6.66667vw;line-height:8.61111vw}}section.target-date-input h2{align-items:center;gap:1rem;display:flex}section.target-date-input p{font-size:1.25rem;font-weight:500;line-height:1.875rem}@media (max-width:768px){section.target-date-input p{font-size:4.44444vw;line-height:6.66667vw}}section.target-date-input p{margin-top:1rem}section.target-date-input .dday-input{letter-spacing:-1px;color:#2a2c32;caret-color:#ff435a;letter-spacing:.9375rem;width:51.25rem;font-size:8rem;font-weight:700;line-height:9.5625rem}section.target-date-input .dday-input::placeholder{color:#f4f4f4;letter-spacing:0}section.target-date-input .calculate-dday-button{color:#fff;background-color:#ff435a;border-radius:1rem;width:23.875rem;height:3.5rem;margin-top:8.5625rem;font-size:1.0625rem;font-weight:600}
section.dday-preview{background:linear-gradient(#f55d65 0%,#f77b80 40%,#f8a6aa 70%,#fff 100%);height:81.25rem;padding-top:20.5rem}@media (max-width:768px){section.dday-preview{background:linear-gradient(#f55d65 0%,#f77b80 65%,#f8a6aa 85%,#fff 100%);height:250vw;padding-top:51.6667vw}}section.dday-preview .dday-preview-wrapper{justify-content:center;align-items:center;display:flex}@media (max-width:768px){section.dday-preview .dday-preview-wrapper{flex-direction:column}}section.dday-preview .dday-preview-title{color:#fff;letter-spacing:-1px;font-size:4rem;font-weight:700;line-height:4.75rem}@media (max-width:768px){section.dday-preview .dday-preview-title{text-align:center;font-size:6.66667vw;line-height:8.61111vw}}section.dday-preview .preview-card-wrapper{background-color:#fff;border-radius:3.25rem;flex-direction:column;justify-content:space-between;width:25.125rem;height:25.125rem;margin-left:19.875rem;padding:1.6875rem 2.25rem;display:flex}@media (max-width:768px){section.dday-preview .preview-card-wrapper{border-radius:10.2778vw;width:80vw;height:79.7222vw;margin-top:25.5556vw;margin-left:0;padding:5.27778vw 7.22222vw}}section.dday-preview .card-content{align-items:flex-start;gap:.5625rem;display:flex}@media (max-width:768px){section.dday-preview .card-content{gap:1.80556vw}section.dday-preview .icon{justify-content:center;align-items:center;height:10.8333vw;display:flex}section.dday-preview .pink-heart-icon{width:8.88889vw;height:8.88889vw}}section.dday-preview .dday-title h3{font-size:2.125rem;font-weight:500;line-height:3.1875rem}@media (max-width:768px){section.dday-preview .dday-title h3{font-size:6.86111vw;line-height:10.0556vw}}section.dday-preview .dday-title p{color:#707684;font-size:1.6875rem;font-weight:400;line-height:2.5625rem}@media (max-width:768px){section.dday-preview .dday-title p{font-size:5.47222vw;line-height:8.22222vw}}section.dday-preview .dday-number{text-align:right;color:#ff435a;font-size:3.125rem;font-weight:600;line-height:4.3125rem}@media (max-width:768px){section.dday-preview .dday-number{font-size:10.0556vw;line-height:13.7222vw}}
.save-dday-button{letter-spacing:-1px;color:#fff;background-color:#ff435a;border-radius:9999px;justify-content:center;align-items:center;padding:.9375rem 2.25rem;font-size:1.5rem;font-weight:700;line-height:2.125rem;display:flex}@media (max-width:768px){.save-dday-button{margin:3.88889vw 0;padding:2.77778vw 3.33333vw;font-size:3.61111vw;font-weight:600;line-height:4.44444vw}}
section.save-dday-section{padding-top:9.375rem;padding-bottom:22.6875rem}@media (max-width:768px){section.save-dday-section{padding-top:63.8889vw;padding-bottom:68.3333vw}}section.save-dday-section .save-dday-wrapper{text-align:center;flex-direction:column;align-items:center;gap:3.125rem;display:flex}@media (max-width:768px){section.save-dday-section .save-dday-wrapper{gap:3.33333vw}}section.save-dday-section .save-dday-wrapper h3{font-size:4rem;font-weight:700;line-height:4.75rem}@media (max-width:768px){section.save-dday-section .save-dday-wrapper h3{font-size:6.66667vw;font-weight:600;line-height:8.61111vw}}section.save-dday-section .save-dday-wrapper p{font-size:2rem;font-weight:500;line-height:2.375rem}@media (max-width:768px){section.save-dday-section .save-dday-wrapper p{font-size:4.44444vw;line-height:6.66667vw}}