:root{--color-navy:#09182c;--color-green-text:#4ac735;--color-mint-bg:#f5faf2;--color-white:#fff;--font-body:"Nunito", sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100vh;font-family:var(--font-body);background:var(--color-mint-bg);margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased}.home-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.home-content{z-index:2;text-align:center;box-sizing:border-box;pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) clamp(140px,20vh,180px);display:flex;position:relative}.home-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.home-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(8px,1.5vh,16px)}.home-subheading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 clamp(8px,1.5vh,16px);font-size:clamp(24px,6vw,34px);font-weight:700;line-height:1.35}.subheading-green{color:var(--color-green-text)}.home-before-after{z-index:2;width:720px;max-width:100%;height:auto;position:relative}.home-navy-section{z-index:1;background:var(--color-navy);box-sizing:border-box;border-radius:50% 50% 0 0/100px 100px 0 0;justify-content:center;align-items:flex-end;width:100%;height:clamp(280px,36vh,360px);padding-top:clamp(48px,8vh,80px);padding-bottom:clamp(40px,6vh,64px);display:flex;position:absolute;bottom:0;left:0;right:0}.cta-button{cursor:pointer;background:0 0;border:none;width:600px;max-width:100%;padding:0}.cta-button img{width:100%;height:auto;display:block}.details-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.details-content{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) 0;display:flex;overflow-y:auto}.details-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.details-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(16px,2.5vh,28px)}.details-heading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 16px;font-size:clamp(24px,6vw,34px);font-weight:700}.details-fields{flex-direction:column;gap:clamp(12px,2vh,18px);width:100%;max-width:560px;margin-bottom:clamp(16px,2.5vh,24px);display:flex}.details-field{background:var(--color-white);border:2px solid var(--color-green-text);box-sizing:border-box;border-radius:20px;align-items:center;gap:16px;width:100%;padding:20px clamp(22px,4vw,28px);display:flex}.details-field-icon{width:clamp(20px,3vw,24px);height:clamp(20px,3vw,24px);color:var(--color-green-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.details-field-icon svg{width:100%;height:100%}.details-field input{font-family:var(--font-body);color:var(--color-navy);background:0 0;border:none;outline:none;flex:1;font-size:24px;font-weight:600}.details-field input::placeholder{color:var(--color-navy);opacity:.6}.details-consent{text-align:left;align-items:center;gap:16px;width:100%;max-width:560px;margin-bottom:clamp(16px,2.5vh,24px);display:flex}.details-consent-text{font-family:var(--font-body);color:var(--color-navy);flex:1;font-size:clamp(17px,3.4vw,21px);font-weight:600;line-height:1.4}.details-consent-checkbox{background:var(--color-white);border:2px solid var(--color-green-text);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,6.5vw,52px);height:clamp(40px,6.5vw,52px);padding:0;display:flex}.details-consent-checkbox svg{width:60%;height:60%}.details-consent-checkbox.is-checked{background:var(--color-green-text)}.details-navy-section{background:var(--color-navy);box-sizing:border-box;border-radius:50% 50% 0 0/100px 100px 0 0;flex-shrink:0;justify-content:center;width:100%;padding:clamp(32px,5vh,48px) 20px clamp(40px,6vh,64px);display:flex}.details-cta-button{cursor:pointer;background:0 0;border:none;width:600px;max-width:100%;padding:0}.details-cta-button img{width:100%;height:auto;display:block}.selfie-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.selfie-content{z-index:2;text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) 0;display:flex;position:relative}.selfie-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.selfie-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(16px,2.5vh,28px)}.selfie-heading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 16px;font-size:clamp(24px,6vw,34px);font-weight:700}.selfie-frame{aspect-ratio:3/4;border:4px solid var(--color-green-text);background:var(--color-white);border-radius:24px;width:560px;max-width:100%;position:relative;overflow:hidden}.selfie-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.selfie-error{box-sizing:border-box;width:100%;height:100%;font-family:var(--font-body);color:var(--color-navy);justify-content:center;align-items:center;padding:24px;font-size:clamp(16px,3vw,20px);font-weight:600;display:flex}.selfie-shutter{z-index:3;background:var(--color-green-text);border:6px solid var(--color-white);width:clamp(70px,12vw,96px);height:clamp(70px,12vw,96px);color:var(--color-white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #09182c59}.selfie-shutter svg{width:50%;height:50%}.selfie-shutter:disabled{opacity:.5;cursor:not-allowed}.selfie-navy-section{z-index:1;background:var(--color-navy);border-radius:50% 50% 0 0/100px 100px 0 0;width:100%;height:clamp(280px,36vh,360px);position:absolute;bottom:0;left:0;right:0}.review-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.review-content{z-index:2;text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) 0;display:flex;position:relative}.review-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.review-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(16px,2.5vh,28px)}.review-heading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 16px;font-size:clamp(24px,6vw,34px);font-weight:700}.review-frame{aspect-ratio:3/4;border:4px solid var(--color-green-text);background:var(--color-white);border-radius:24px;width:560px;max-width:100%;position:relative;overflow:hidden}.review-photo{object-fit:cover;width:100%;height:100%;display:block}.review-try-again{z-index:3;cursor:pointer;background:0 0;border:none;width:160px;max-width:45%;padding:0;position:absolute;top:16px;left:16px}.review-try-again img{width:100%;height:auto;display:block}.review-generate-button{z-index:3;cursor:pointer;background:0 0;border:none;width:90%;max-width:480px;padding:0;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.review-generate-button img{width:100%;height:auto;display:block}.review-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.review-loading-spinner{border:5px solid var(--color-mint-bg);border-top-color:var(--color-green-text);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite review-spin}.review-loading-text{font-family:var(--font-body);color:var(--color-navy);font-size:clamp(16px,3.5vw,20px);font-weight:700}@keyframes review-spin{to{transform:rotate(360deg)}}.review-navy-section{z-index:1;background:var(--color-navy);border-radius:50% 50% 0 0/100px 100px 0 0;width:100%;height:clamp(280px,36vh,360px);position:absolute;bottom:0;left:0;right:0}.processing-screen{background:var(--color-navy);flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100vh;display:flex}.processing-spinner{border:7px solid #ffffff40;border-top-color:var(--color-green-text);border-radius:50%;width:72px;height:72px;animation:.9s linear infinite processing-spin}.processing-text{font-family:var(--font-body);color:var(--color-white);margin:0;font-size:clamp(20px,4.5vw,28px);font-weight:700}@keyframes processing-spin{to{transform:rotate(360deg)}}.reveal-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.reveal-content{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) 0;display:flex}.reveal-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.reveal-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(24px,4vh,40px)}.reveal-image-wrap{flex:1;justify-content:center;align-items:flex-end;width:480px;max-width:100%;min-height:0;display:flex}.reveal-image{object-fit:contain;box-sizing:border-box;width:100%;max-height:82%;padding-bottom:30px;display:block}.reveal-navy-section{background:var(--color-navy);box-sizing:border-box;border-radius:50% 50% 0 0/100px 100px 0 0;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(24px,5vw,48px);width:100%;padding:clamp(32px,5vh,48px) 20px clamp(40px,6vh,64px);display:flex}.reveal-icon-button{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:100px;height:100px;padding:0}.reveal-icon-button img{width:100%;height:100%;display:block}.reveal-modal-backdrop{z-index:10;box-sizing:border-box;background:#09182c99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.reveal-modal{background:var(--color-white);text-align:center;box-sizing:border-box;border-radius:24px;width:100%;max-width:560px;padding:clamp(32px,5vh,48px)}.reveal-modal-title{font-family:var(--font-body);color:var(--color-navy);margin:0 0 16px;font-size:clamp(26px,5.5vw,34px);font-weight:800}.reveal-modal-text{font-family:var(--font-body);color:var(--color-navy);margin:0 0 24px;font-size:clamp(18px,3.8vw,22px);font-weight:600;line-height:1.4}.reveal-qr-code{width:220px;max-width:100%;height:auto;margin:0 auto 20px;display:block}.reveal-qr-loading{aspect-ratio:1;width:220px;max-width:100%;font-family:var(--font-body);color:var(--color-navy);background:var(--color-mint-bg);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 20px;font-weight:600;display:flex}.reveal-modal-close,.reveal-modal-cancel,.reveal-modal-confirm{font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:22px 32px;font-size:22px;font-weight:700}.reveal-modal-close{background:var(--color-navy);width:100%;color:var(--color-white)}.reveal-modal-actions{gap:12px;display:flex}.reveal-modal-cancel{background:var(--color-navy);color:var(--color-white);flex:1}.reveal-modal-confirm{background:var(--color-green-text);color:var(--color-white);flex:1}.reveal-print-preview{border-radius:12px;width:100%;max-width:320px;height:auto;margin:0 auto 24px;display:block}.reveal-print-only{display:none}@media print{body *{visibility:hidden}.reveal-print-only,.reveal-print-only *{visibility:visible}.reveal-print-only{width:100%;height:auto;display:block;position:fixed;inset:0}}.result-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;min-height:100vh;display:flex}.result-content{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:24px 20px 40px;display:flex}.result-logo{width:220px;max-width:60%;height:auto;margin:12px 0 16px}.result-headline{width:320px;max-width:85%;height:auto;margin-bottom:12px}.result-heading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 24px;font-size:clamp(20px,5vw,26px);font-weight:700}.result-buttons{flex-direction:column;align-items:center;gap:16px;width:100%;margin-bottom:28px;display:flex}.result-action-button{cursor:pointer;background:0 0;border:none;width:100%;max-width:400px;padding:0}.result-action-button img{width:100%;height:auto;display:block}.result-image-wrap{width:100%;max-width:340px;margin-bottom:20px}.result-image{border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 8px 24px #09182c26}.result-error{font-family:var(--font-body);color:var(--color-navy);margin:0 0 12px;font-size:14px;font-weight:600}.result-debug-id{font-family:var(--font-body);color:#09182c66;padding-top:8px;font-size:12px}