:root{--theme-color: #D31145}body{background-color:#fff}.hero{min-height: 100dvh;max-width: 28rem;position:relative;display:flex;align-items:start;justify-content:center;background-size:cover;background-position:center bottom;background-repeat:no-repeat;color:#fff;padding-bottom:4rem;margin:0 auto}.hero.home{background-size:cover;height:910px;background-image:url("../images/page1_background.jpg")}.hero.frame{align-items: flex-start;background-image:url("../images/page2_background.png")}.hero.upload{background-image:url("../images/page3_background.png")}.hero.thankyou{padding-bottom:8rem;background-image:url("../images/page4_background.png")}.hero.thankyou .animation-container{position: absolute;top: 50%;left: 50%;display: flex;height: 400px;width: 400px;--tw-translate-x: -50%;--tw-translate-y: -50%;--tw-scale-x: 0.4;--tw-scale-y: 0.4;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items: center;justify-content: center}.hero.thankyou .outer-ring{position: absolute;height: 220px;width: 220px;border-radius: 9999px;border-width: 15px;--tw-border-opacity: 1;border-color: rgb(251 207 232 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0px 4px 14px rgba(244,114,182,0.15);--tw-shadow-colored: 0px 4px 14px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hero.thankyou .loader-inner{position: absolute;height: 120px;width: 120px;transform-style:preserve-3d;perspective:1600px;animation:global-spin 5s linear infinite}@keyframes global-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hero.thankyou .dot-positioner{position: absolute;top: 50%;left: 50%;height: 0px;width: 0px;transform-style:preserve-3d}.hero.thankyou .pos-0{transform:rotate(0deg) translateX(45px)}.hero.thankyou .pos-45{transform:rotate(45deg) translateX(45px)}.hero.thankyou .pos-90{transform:rotate(90deg) translateX(45px)}.hero.thankyou .pos-135{transform:rotate(135deg) translateX(45px)}.hero.thankyou .pos-180{transform:rotate(180deg) translateX(45px)}.hero.thankyou .pos-225{transform:rotate(225deg) translateX(45px)}.hero.thankyou .pos-270{transform:rotate(270deg) translateX(45px)}.hero.thankyou .pos-315{transform:rotate(315deg) translateX(45px)}.hero.thankyou .dot{position: absolute;top: -8px;left: -8px;height: 1rem;width: 1rem;border-radius: 9999px;--tw-bg-opacity: 1;background-color: rgb(204 17 67 / var(--tw-bg-opacity));transform-style:preserve-3d;animation:dot-flip-3d 2.5s ease-in-out infinite}@keyframes dot-flip-3d{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}.hero.thankyou .twinkle-item{position: absolute;--tw-text-opacity: 1;color: rgb(255 158 187 / var(--tw-text-opacity));opacity: 1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero.thankyou .star{font-size: 36px}.hero.thankyou .deco-dot{border-radius: 9999px;--tw-bg-opacity: 1;background-color: rgb(255 158 187 / var(--tw-bg-opacity))}.hero.result{background-image:url("../images/page5_background.png")}.home-hero__content{position: absolute;left: 50%;right: auto;top: 6rem;--tw-translate-x: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding-left: 1rem;padding-right: 1rem;padding-top: 1rem;padding-bottom: 1rem;text-align: center;z-index:1;width:min(86vw,360px)}.hero__content{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-left: 1.75rem;padding-right: 1.75rem;padding-top: 25%;padding-bottom: 3.5rem;text-align: center}.logo{max-width:220px;height:auto;margin:1rem}.home-hero__eyebrow{display:block;margin-bottom:.75rem;font-size:1.7rem;font-weight:700;color:#232323}.hero__title{margin:0;font-size:1.5rem;line-height:1.3;font-weight:700}.hero__title.pink{color:#ff7082}.hero__title.red{color:var(--theme-color);margin:1rem 0}.hero__description{margin:.5rem auto;max-width:36rem;font-size:.95rem;line-height:1.4;color:#232323}.hero__description.red{font-size:.95rem;font-weight:700;color:var(--theme-color)}.remark{max-width:36rem;font-size:.7rem;line-height:1.4;color:#232323}.home-hero__form{display:grid;gap:1rem;margin-top:1.75rem}.hero__input-group{position:relative;width:100%}.home-hero__icon{position:absolute;left:1rem;top:50%;width:1.5rem;height:1.5rem;transform:translateY(-50%);background:url("../images/user-icon.png") center center no-repeat;background-size:contain;pointer-events:none}.home-hero__input{width:100%;min-height:3.5rem;padding:1rem 1.25rem 1rem 3.75rem;border:1px solid #ccc;border-radius:.5rem;background:rgba(255,255,255,.12);color:#000;font-size:1rem;outline:none}.home-hero__input::-moz-placeholder{color:#ccc}.home-hero__input::placeholder{color:#ccc}.home-hero__input:focus{box-shadow:0 0 0 4px rgba(255,255,255,.14)}.hero__button{min-height:3.75rem;padding:0 1.5rem;border:none;border-radius:.5rem;background-color:var(--theme-color);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease;width:100%;margin:.5rem 0;display:flex;align-items:center;justify-content:center;text-align:center}.hero__button:hover,.hero__button:focus{opacity:.95;transform:translateY(-1px)}.upload-tips{padding:1rem;border-radius:1rem;background:#ffeaf0;box-shadow:0 8px 24px rgba(0,0,0,.08);color:#232323;display:flex;flex-direction:column;align-items:center}.upload-tips__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.upload-tips__icon,.upload-tips__check{width:1.5rem;height:1.5rem}.upload-tips__title{margin:0;font-size:1rem;font-weight:700;color:#d31145}.upload-tips__item{display:flex;align-self:start;gap:.75rem;margin-bottom:.75rem}.home-hero__note{margin-top:1.25rem;font-size:.95rem;color:rgba(255,255,255,.82)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.swiper{position:relative;background:rgba(0,0,0,0);border-radius:12px;padding:18px 12px}.slides{display:flex;transition:transform .35s ease;width:100%}.slide{min-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.slide img{max-width:70%;height:auto;border-radius:8px}.slide-placeholder{width:90%;height:300px;border:2px dashed rgba(216,20,69,.2);display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--theme-color);font-weight:700;font-size:20px;text-align:center;padding:16px;background:rgba(255,255,255,.6)}.nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:none;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--theme-color)}.nav.prev{left:8px}.nav.next{right:8px}.dots{display:flex;gap:8px;justify-content:center;margin:12px 0}.dots .dot{transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 500ms;width:8px;height:8px;background:#eee;border-radius:8px;border:none}.dots .dot.active{width:40px;background:var(--theme-color)}.email{margin:.5rem auto;font-size:.8rem;line-height:1.4;color:#232323;font-weight:bold;max-width:100%;width:min(100%,24rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f2f1f1;padding:1rem 2rem;border-radius:9999px}.result-img{margin:1rem 0;border:.1rem solid #d31145}
/*# sourceMappingURL=index.css.map */