.box{width:100%;min-height:100dvh;padding:24px 36px 24px 24px;display:flex;justify-content:center;align-items:center;flex-direction:column}.box.camera{padding:24px}.box__card{position:relative;width:100%;max-width:480px;height:100%;background:#fff;border-radius:24px;padding:24px 32px;display:flex;align-items:center}.box__card.welcome{background:#eacc34;padding:98px 24px 32px;margin-top:75px}.box__card.intro{min-height:380px}.box__card.register{min-height:400px}.box__card.login{min-height:380px}.box__card.slot.yellow{background:#eacc34}.box__logo{position:absolute;top:-75px;left:50%;transform:translate(-50%);width:220px}.box__logo img{width:100%;display:block}.box__logo2{width:100px;margin:24px auto}.box__logo2 img{width:100%;display:block}.box__content{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}.box__title{width:100%;font-size:2rem;line-height:1.1;font-weight:700;color:#1d4d64;margin:20px 0}.box__title.bolder{font-weight:900}.box__text{font-size:1.2rem;line-height:1.45;font-weight:400;color:#1d4d64;margin:20px 0}.box__text strong{font-weight:800}.box__list{margin:20px 0}.box__list ul{padding-left:18px;margin:0;display:flex;flex-direction:column;gap:12px}.box__list li{font-size:1.2rem;line-height:1.4;color:#1d4d64}.box__list li strong{font-weight:800}.box__button{width:100%;max-width:220px;height:56px;border:0;border-radius:999px;background:#008a7c;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;margin:20px auto}.box__button.register{background:#7ec3d3;color:#1d4d64}.box__button.intro{background:#eacc34;color:#1d4d64}.box__button:hover{opacity:.9}.box__link{width:100%;max-width:220px;height:56px;margin:10px auto 0;border:0;border-radius:999px;background:transparent;color:#1d4d64;font-size:1rem;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;text-decoration:underline!important;font-weight:700}.box__link:hover{opacity:.9}.box__arrow{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:35px}.box__arrow img{width:100%;display:block}.box__stars{margin-top:24px;width:15px;display:flex;justify-content:center;align-items:center;gap:5px}.box__stars img{width:100%;display:block;opacity:.25}.box__stars img.active{opacity:1}.box__stars img.intro{opacity:.5;filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1)}.text-center{text-align:center}strong{font-weight:700!important}@media(min-width:768px){.box-content{padding:40px}.box-content__card{max-width:420px;min-height:580px;padding:64px 40px 40px}.box-content__title{font-size:2.5rem}.box-content__text{font-size:1.4rem}}.fadeInSlideUp{opacity:0;animation:fadeInSlideUp 1s ease forwards}.zoomInBounce{opacity:0;animation:zoomInBounce .8s forwards}.bg-welcome{background-color:#f1edcb;background-image:url(./bg-welcome-mobile.BkcM8Nyf.png)}@media(min-width:768px){.bg-welcome{background-image:url(./bg-welcome.DkA2y53f.png)}}.bg-register{background-color:#7ec3d3;background-image:url(./bg-login-mobile.CIWH9LZO.png)}@media(min-width:768px){.bg-register{background-image:url(./bg-login.DXf_NtRX.png)}}.bg-intro{background-color:#008b79;background-image:url(./bg-intro-mobile.CjfpOPnz.png)}@media(min-width:768px){.bg-intro{background-image:url(./bg-intro.QKnYicx4.png)}}.bg-book{background-color:#f1edcb;background-image:url(./bg-book-mobile.DM4QzzYJ.png)}@media(min-width:768px){.bg-book{background-image:url(./bg-book.DWMrQ1hg.png)}}.bg-book-completed{background-color:#f1edcb;background-image:url(./bg-book-completed-mobile.CdQjY1WI.png)}@media(min-width:768px){.bg-book-completed{background-image:url(./bg-book-completed.Cy0VLSYG.png)}}@font-face{font-family:Rawline;src:url(./Rawline-Regular.DR5D85Ez.woff2) format("woff2"),url(./Rawline-Regular.ByYkFkoA.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rawline;src:url(./Rawline-Medium.DAduATUS.woff2) format("woff2"),url(./Rawline-Medium.Cgf5b6D3.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Rawline;src:url(./Rawline-Bold.DNYll9kw.woff2) format("woff2"),url(./Rawline-Bold.B84d7rcR.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rawline;src:url(./Rawline-ExtraBold.cwaw69py.woff2) format("woff2"),url(./Rawline-ExtraBold.DFM-haTg.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}.construct{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}form{margin-top:20px;width:100%}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:1rem;font-weight:300;color:#1d4d64}.form-control{width:100%;border-radius:8px;padding:12px 16px;background:#f2f2f2;font-size:1rem;font-weight:700;color:#1d4d64;margin-top:6px;border:1px solid transparent}.form-control::-moz-placeholder{color:#c7c7c7;font-weight:300}.form-control::placeholder{color:#c7c7c7;font-weight:300}.form-control:focus{outline:none}.form-control.is-invalid{border-color:#d92d20}.form-group:has(.is-invalid) label{color:#d92d20}.terms{margin-top:28px}.terms__wrapper{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.terms__wrapper input{position:absolute;opacity:0;pointer-events:none}.terms__check{width:20px;height:20px;margin-top:2px;border-radius:4px;background:#f2f2f2;flex-shrink:0;transition:.2s ease;border:1px solid transparent}.terms input:checked+.terms__check{background:#7ec3d3}.terms input.is-invalid+.terms__check{border-color:#d92d20}.terms__content{width:100%}.terms__title{display:block;font-size:.8rem;line-height:1.4;font-weight:500;color:#1d4d64;margin-bottom:10px}.terms input.is-invalid~.terms__content .terms__title,.terms input.is-invalid~.terms__content .terms__description{color:#d92d20}.terms__description{font-size:.6rem;line-height:1.35;color:#1d4d64;margin-bottom:16px}.terms__description:last-child{margin-bottom:0}.error{margin-top:6px;font-size:.7rem;color:#d92d20}.camera-container{width:100%;max-width:335px;margin:0 auto}.camera-stage{position:relative;width:100%;aspect-ratio:335/482;overflow:hidden;background:#000}#camera-video,#camera-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#camera-canvas{display:none}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.camera-overlay img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.camera-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;z-index:10;pointer-events:none}.camera-flash.flash{animation:flashEffect .25s ease-out}.camera-actions{margin-top:20px;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.camera-actions .space{width:70px}.camera-actions .camera__button{width:100%;max-width:60px;height:60px;border:0;border-radius:100%;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;font-size:1.2rem;border:1px solid #008a7c;background:#fff;color:#008a7c}.camera-actions .camera__button.camera{max-width:70px;height:70px;background:#008a7c;color:#fff;font-size:2rem}.hidden{opacity:0!important;pointer-events:none!important}.hide{display:none!important}.disabled{opacity:.5!important;pointer-events:none!important}.saving-overlay{display:flex;align-items:center;justify-content:center;height:70px}.saving-overlay p{color:#008a7c;font-size:1.2rem;font-weight:700}.album{width:100%;min-height:100dvh;padding:24px;display:flex;justify-content:center;align-items:center;flex-direction:column}.album__stars{margin-top:24px;display:flex;justify-content:flex-start;align-items:center;gap:5px}.album__stars img{max-width:20px;width:100%;display:block}.album__goal img{max-width:400px;width:100%;display:block}.album__title{max-width:400px;width:100%;text-align:center}.album__title h1{font-size:2.6rem;line-height:1.1;font-weight:800;color:#008a7c;margin:40px 0}.album__text{max-width:400px;width:100%;text-align:center}.album__text p{font-size:1.2rem;line-height:1.45;font-weight:400;color:#1d4d64}.album__text p.bold{font-size:1rem;font-weight:800}.album__button{width:100%;max-width:220px;height:56px;border:0;border-radius:999px;background:#1d4d64;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;margin:30px auto}.album__button.download{max-width:160px;height:50px;margin:40px 0}.album__button:hover{opacity:.9}.album__grid{max-width:480px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.album__header{text-align:left}.album__header h1{font-size:1.6rem;font-weight:500;color:#1d4d64;margin-bottom:6px}.album__header h1 span{font-weight:700}.album__header p{font-size:1rem;color:#1d4d64;margin:30px 0}.album-card{max-width:240px;aspect-ratio:335/482;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #00000014;position:relative;overflow:hidden}.album-card.unlocked{animation:unlockReveal 1.2s ease forwards;transform-origin:center}.album-card.unlocked:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle,#ffffffe6,#fff0 70%);opacity:0;animation:unlockGlow 1.2s ease forwards;pointer-events:none}.album-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.album-card img.locked{filter:brightness(40%) blur(5px)}@media(min-width:768px){.album{padding:40px}.album__header h1{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Rawline;font-weight:400;position:relative}html,body{min-height:100vh;background-color:#fff;color:#000}body{background-repeat:no-repeat;background-position:center;background-size:cover}a{text-decoration:none}@keyframes fadeInSlideUp{0%{opacity:0}to{opacity:1}}@keyframes flashEffect{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes unlockReveal{0%{opacity:0;transform:scale(.6) rotate(-8deg);filter:brightness(2) blur(8px)}40%{opacity:1;transform:scale(1.08) rotate(2deg);filter:brightness(1.4) blur(0)}70%{transform:scale(.96) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1) blur(0)}}@keyframes unlockGlow{0%{opacity:0;transform:scale(.5)}30%{opacity:1}to{opacity:0;transform:scale(1.4)}}@keyframes zoomInBounce{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
