html,body{height:100%;overflow:hidden;font-family:Jost,sans-serif}body{width:800px;height:1280px;margin:0 auto}.hidden{opacity:0!important;pointer-events:none!important}.screen{position:relative;width:800px;height:1280px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;color:#fff;background:linear-gradient(135deg,#f0c3c2,#e49b94)}.background-decorator{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;background:url(/build/assets/bg.BnBKInIZ.png) center/cover no-repeat;z-index:0;animation:kenburns 22s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.07) translate(-1%,-1%)}}.footer-brand{max-width:190px;position:fixed;bottom:30px;right:80px;z-index:1;padding:0;margin:0}.footer-brand img{width:100%;height:auto}.fade-in-up{opacity:0;transform:translateY(24px);animation:fadeInUp .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay, 0s)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}body{opacity:1;transition:opacity .25s ease}body.leaving{opacity:0}.btn-pill{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:1.1rem 3.5rem;font-family:Jost,sans-serif;font-weight:500;font-size:45px;background:#fff;color:#c1585c;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.btn-pill:active{transform:scale(.96)}.btn-pill.btn-pill-accent{background:#d16e72;color:#fff;font-size:34px}.btn-pill.btn-pill-finish{font-size:34px}#start-page{padding:100px}#start-page .content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:70px;margin:auto 0}#start-page .content .logo{width:350px;margin-bottom:.5rem}#start-page .content h1{font-family:Fraunces,serif;font-size:68px;font-weight:600;line-height:1.15}#start-page .content p{font-family:Jost,sans-serif;font-size:32px;line-height:1.35;font-weight:300}#start-page .content .form{margin-top:.5rem}#camera-page{padding:50px 24px;gap:.5rem}#camera-page .btn-back{position:absolute;z-index:2;top:1.25rem;left:1.25rem;background:#ffffff40;border:none;border-radius:999px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}#camera-page .btn-back img{width:18px}#camera-page .box-upload{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:752px;margin:0 auto;gap:.75rem}#camera-page .box-upload .header{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.4rem}#camera-page .box-upload .header .logo{width:230px;margin-bottom:20px}#camera-page .box-upload .header h1{font-family:Fraunces,serif;font-size:32px;font-weight:600;line-height:1.2}#camera-page #photo{position:relative;flex:1 1 auto;min-height:0;width:752px;display:flex;align-items:center;justify-content:center}#camera-page #camera{position:relative;overflow:hidden;background:#fce8eb;aspect-ratio:494/791;width:auto;height:100%;max-width:494px;max-height:791px}#camera-page #camera video,#camera-page #camera canvas,#camera-page #camera #camera-frame{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);-o-object-fit:cover;object-fit:cover}#camera-page #camera video{transform:scaleX(-1)}#camera-page #camera canvas{display:none}#camera-page #camera canvas.active{display:block}#camera-page #camera #camera-frame{z-index:2;pointer-events:none}#camera-page #countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:none;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:225px;font-weight:600;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.35)}#camera-page #flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:none;opacity:0;background:#fff;transition:opacity .3s ease}#camera-page #controls{position:relative;z-index:1;flex:0 0 auto;padding-bottom:.5rem}#camera-page #controls .stage{display:grid;place-items:center}#camera-page #controls .stage>*{grid-area:1/1;place-self:center}#camera-page #controls .flex{display:flex;align-items:center;justify-content:center;gap:1.5rem;pointer-events:none}#camera-page #controls .flex>*:not(.hidden){pointer-events:auto}#camera-page #controls .btn-control{border:none;background:#fff;border-radius:999px;width:90px;height:90px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}#camera-page #controls .btn-control img{width:50px}#camera-page #controls .btn-control:active{transform:scale(.92)}#camera-page #controls .load{margin-top:.75rem;font-family:Jost,sans-serif;font-size:50px}#qrcode-page{padding:50px;justify-content:center;gap:40px}#qrcode-page .box-form{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.2rem}#qrcode-page .box-form .logo img{width:250px}#qrcode-page .box-form h1{font-family:Fraunces,serif;font-size:52px;font-weight:600;line-height:1.15;margin-bottom:20px}#qrcode-page .content-qrcode{display:flex;flex-direction:column;align-items:center;gap:1.3rem}#qrcode-page .content-qrcode .instruction-text{font-family:Jost,sans-serif;font-size:32px;line-height:1.35}#qrcode-page .content-qrcode .image{background:#fff;padding:1.25rem;border-radius:1.25rem}#qrcode-page .content-qrcode .image img{display:block;width:240px;height:auto}#qrcode-page .content-qrcode .image .error-text{color:#c1585c;font-family:Jost,sans-serif}#qrcode-page .content-qrcode .thank-you-text{font-family:Fraunces,serif;font-weight:600;font-size:50px}#construct-page{padding:clamp(2rem,4vw + 3vh,100px)}#construct-page .content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.5rem,2vw + 2vh,40px);max-width:46rem;margin:auto 0;flex:1}#construct-page .content .logo{width:-moz-max-content;width:max-content}#construct-page .content h1{font-family:Fraunces,serif;font-size:68px;font-weight:600;line-height:1.15}*{margin:0;padding:0;box-sizing:border-box;position:relative}