*{margin:0;padding:0;box-sizing:border-box}body{color:#545454;font-family:var(--font-montserrat),"Montserrat",sans-serif;overflow-x:hidden}.screen,body{min-height:100vh;min-height:100svh}.screen{display:none;position:relative;z-index:1;padding:2rem;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center}.screen.active{display:flex}.screen-pattern{position:relative}.screen-pattern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/footer-pattern.png);background-size:cover;background-position:50%;opacity:.03;pointer-events:none;z-index:0}#permission-screen{background:#27A48C;color:white}#permission-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/footer-pattern.png);background-size:cover;background-position:50%;opacity:.03;pointer-events:none}.permission-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:760px}.permission-content .camera-icon-wrapper{width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem}.permission-content .camera-icon-wrapper svg{width:42px;height:42px;color:white}.permission-content h1{font-family:var(--font-title),"Very Vogue Display",serif;font-size:clamp(2.25rem,5vw,4.25rem);font-weight:700;color:#F5EBE0;line-height:1.05;margin-bottom:1rem;text-transform:none;background:none;-webkit-text-fill-color:#F5EBE0;letter-spacing:normal}.permission-content p{font-weight:500;color:rgba(255,255,255,.9);margin-bottom:2rem;line-height:1.6;max-width:460px}.permission-btn,.permission-content p{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:1rem}.permission-btn{font-weight:600;padding:1rem 2.5rem;background:white;color:#363636;border:none;border-radius:45px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;box-shadow:none}.permission-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.permission-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.permission-btn .spinner{width:20px;height:20px;border:3px solid rgba(54,54,54,.3);border-top-color:#363636;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}#start-screen{background:#27A48C;color:white}#start-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/footer-pattern.png);background-size:cover;background-position:50%;opacity:.03;pointer-events:none}.start-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:760px}.start-content h1{font-family:var(--font-title),"Very Vogue Display",serif;font-size:clamp(2.25rem,5vw,4.25rem);font-weight:700;color:#F5EBE0;line-height:1.05;margin-bottom:.5rem;text-transform:none;background:none;-webkit-text-fill-color:#F5EBE0;letter-spacing:normal}.start-content .subtitle{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:1.05rem;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:2rem;max-width:460px}.camera-status{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:rgba(235,255,245,.6);backdrop-filter:blur(10px);border:none;border-radius:33px;margin-bottom:1.75rem;color:#154A41;font-weight:600;font-size:.9rem}.camera-status .dot{width:10px;height:10px;background:#27A48C;border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.feature-list{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.feature{flex-direction:column;gap:.7rem;padding:1.15rem 1.4rem;background:#ffffff;border:none;border-radius:12px;min-width:120px;box-shadow:0 4px 14px rgba(21,74,65,.12)}.feature,.feature-icon-circle{display:flex;align-items:center}.feature-icon-circle{width:44px;height:44px;border-radius:50%;background:rgba(39,164,140,.12);justify-content:center}.feature-icon-circle svg{width:22px;height:22px;color:#27A48C}.feature span{font-size:.85rem;font-weight:600;color:#154A41;text-align:center}.brand-logo{display:block;width:auto;height:44px;object-fit:contain}.start-logo{height:60px;margin-bottom:1.75rem}@media (max-width:600px){.brand-logo{height:36px}.start-logo{height:48px}}.privacy-note{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:420px;margin-top:1.75rem;font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:.78rem;line-height:1.5;color:rgba(255,255,255,.75)}.privacy-note svg{flex-shrink:0;color:rgba(255,255,255,.75)}.start-btn{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:1rem;font-weight:600;padding:1rem 2.5rem;background:white;color:#363636;border:none;border-radius:45px;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:none}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}#capture-screen{background:#F5EBE0;justify-content:flex-start;padding:1rem 2rem;min-height:100svh;overflow-y:auto}.capture-header{width:100%;display:flex;justify-content:center;padding:.5rem 0 1rem;z-index:1}.capture-logo{height:40px}.instruction-view{font-weight:700;color:#154A41}.step-counter{display:block;margin-top:.4rem;font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:#545454}#capture-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/footer-pattern.png);background-size:cover;background-position:50%;opacity:.03;pointer-events:none}.back-btn{position:absolute;top:2rem;left:1.8rem;font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:.84rem;font-weight:500;padding:.42rem 1.4rem;background:#154A41;color:#EBFFF5;border:none;border-radius:33px;cursor:pointer;transition:all .3s ease;z-index:100;backdrop-filter:blur(2px);display:flex;align-items:center;gap:.625rem}.back-btn:hover{background:#1a5c51}.capture-layout{position:relative;z-index:1}.capture-content,.capture-layout{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.progress-bar{display:flex;gap:2rem;margin-bottom:0;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.35rem;opacity:.5;transition:all .3s ease;cursor:pointer}.progress-step.active,.progress-step.completed{opacity:1}.step-dot{width:60px;height:60px;border-radius:50%;background:transparent;border:2.5px solid #27a48c;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden;position:relative}.step-dot:before{content:"";position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,rgba(39,164,140,.18) 40%,rgba(39,164,140,.06) 70%,transparent 100%);z-index:0}.step-dot svg{width:33px;height:33px;color:#27A48C;position:relative;z-index:1}.progress-step.completed .step-dot{background:#27A48C;border-color:#27A48C}.progress-step.completed .step-dot:before{background:radial-gradient(circle,rgba(39,164,140,.25) 40%,rgba(39,164,140,.08) 70%,transparent 100%)}.progress-step.completed .step-dot svg{color:white}.progress-step.active .step-dot{border-color:#27A48C;box-shadow:0 0 0 4px rgba(39,164,140,.15)}.step-label{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:.6rem;font-weight:500;text-transform:none;letter-spacing:0;color:#545454}.camera-container{width:100%;max-width:900px;position:relative;z-index:1}.camera-frame{position:relative;width:100%;height:55svh;background:#d2d2d2;border-radius:13px;overflow:hidden;box-shadow:none}#camera-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:85%;aspect-ratio:3/4;pointer-events:none}.guide-oval{width:100%;height:100%;border:2px dashed rgba(39,164,140,.5);border-radius:50%;animation:guide-pulse 2s ease-in-out infinite}@keyframes guide-pulse{0%,to{opacity:.5}50%{opacity:1}}.guide-crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.guide-crosshair:after,.guide-crosshair:before{content:"";position:absolute;background:rgba(39,164,140,.6)}.guide-crosshair:before{top:50%;left:0;right:0;height:1px}.guide-crosshair:after{left:50%;top:0;bottom:0;width:1px}#countdown-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:5}#countdown-overlay.visible{display:flex}#countdown-number{font-family:var(--font-title),"Very Vogue Display",serif;font-size:8rem;font-weight:900;color:white;text-shadow:0 0 40px rgba(255,255,255,.4);animation:countdown-pop 1s ease-out}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}#flash-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:white;z-index:5;opacity:0;pointer-events:none}#flash-overlay.flash{animation:flash .3s ease-out forwards}@keyframes flash{0%{opacity:1}to{opacity:0}}.instruction-panel{background:transparent;border:none;border-radius:0;padding:0;text-align:center;flex-direction:column;z-index:1;box-shadow:none;gap:.25rem}.direction-icon-wrapper,.instruction-panel{display:flex;align-items:center;position:relative}.direction-icon-wrapper{margin-bottom:.15rem;width:60px;height:60px;border-radius:50%;border:2.5px solid #27a48c;justify-content:center}.direction-icon-wrapper:before{content:"";position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,rgba(39,164,140,.18) 40%,rgba(39,164,140,.06) 70%,transparent 100%);z-index:0}.direction-icon-wrapper svg{width:33px;height:33px;color:#27A48C;position:relative;z-index:1}#direction-label{font-size:.6rem}#direction-instruction,#direction-label{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-weight:500;margin-bottom:0;color:#545454}#direction-instruction{font-size:1.08rem;margin-top:.15rem}.capture-btn{position:relative;font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:1.27rem;font-weight:500;padding:.63rem 1.9rem;background:#154A41;color:#EBFFF5;border:none;border-radius:51px;cursor:pointer;transition:all .3s ease;overflow:hidden}.capture-btn:disabled{opacity:.5;cursor:not-allowed}.capture-btn:not(:disabled):hover{background:#1a5c51;transform:translateY(-2px);box-shadow:0 6px 20px rgba(21,74,65,.3)}#capture-canvas{display:none}#review-screen{background:#F5EBE0;color:#545454;justify-content:flex-start;padding:1.5rem 2rem 2.5rem;overflow-y:auto}.review-header{width:100%;display:flex;justify-content:center;padding:.5rem 0 1.5rem;z-index:1}.review-logo{height:40px}#review-screen h1{font-family:var(--font-title),"Very Vogue Display",serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;color:#154A41;margin-bottom:.5rem;text-transform:none;letter-spacing:normal;background:none;-webkit-text-fill-color:#154A41;text-align:center}#review-screen .subtitle{color:#545454;font-weight:500;margin-bottom:2rem;max-width:560px;text-align:center}#review-screen .subtitle strong{color:#154A41}.captures-grid{display:flex;flex-wrap:wrap;gap:1rem;width:100%;max-width:720px;margin-bottom:2rem;position:relative;z-index:1;justify-content:center}.capture-card{position:relative;flex:0 1 calc(33.333% - 0.7rem);min-width:180px;max-width:230px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#ffffff;border:none;box-shadow:0 4px 14px rgba(21,74,65,.1);transition:all .3s ease}.capture-card:hover{transform:scale(1.03);box-shadow:0 8px 25px rgba(21,74,65,.18)}.capture-card img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.quality-tick{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#27A48C;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);z-index:2}.quality-tick svg{width:15px;height:15px;color:#ffffff}.capture-label{position:absolute;bottom:0;left:0;right:0;padding:1.4rem .7rem .5rem;background:linear-gradient(transparent,rgba(21,74,65,.85));font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffff}.review-privacy{margin-top:1.5rem;max-width:620px;text-align:center;font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:.78rem;line-height:1.5;color:rgba(84,84,84,.85);position:relative;z-index:1}.review-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.primary-btn,.secondary-btn{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:1rem;font-weight:600;padding:1rem 2rem;border-radius:45px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none}.primary-btn{background:#154A41;color:#EBFFF5}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(21,74,65,.3)}.secondary-btn{background:#EBFFF5;color:#154A41}.secondary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}#viewer3d-screen{background:#27A48C;color:white}#viewer3d-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/footer-pattern.png);background-size:cover;background-position:50%;opacity:.03;pointer-events:none}#viewer3d-screen h1{font-family:var(--font-title),"Very Vogue Display",serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#F5EBE0;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;background:none;-webkit-text-fill-color:#F5EBE0}#viewer3d-screen .subtitle{color:rgba(255,255,255,.9);font-weight:500;margin-bottom:2rem}.viewer3d-container{width:100%;max-width:600px;margin-bottom:2rem;cursor:grab;user-select:none;position:relative;z-index:1}.viewer3d-container:active{cursor:grabbing}.viewer3d-stage{position:relative;height:400px;perspective:1000px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:15px;border:none;margin-bottom:1rem;overflow:hidden}.face-carousel{position:relative;width:250px;height:300px;transform-style:preserve-3d;transition:transform .1s ease-out}.carousel-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:.3;transition:opacity .3s ease}.carousel-face.active{opacity:1}.carousel-face img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.rotation-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:50px;height:50px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center}.indicator-arrow{font-size:1.2rem;color:white;transition:transform .1s ease-out}.tilt-views{display:flex;gap:1rem;justify-content:center}.tilt-card{width:120px;background:rgba(255,255,255,.1);border:none;border-radius:12px;overflow:hidden;text-align:center}.tilt-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transform:scaleX(-1)}.tilt-card span{display:block;padding:.5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.8)}#userinfo-screen{background:#27A48C;color:white}#userinfo-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/footer-pattern.png);background-size:cover;background-position:50%;opacity:.03;pointer-events:none}.userinfo-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:600px}.userinfo-content h1{font-family:var(--font-title),"Very Vogue Display",serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#F5EBE0;line-height:1.1;margin-bottom:.5rem;background:none;-webkit-text-fill-color:#F5EBE0}.userinfo-content .subtitle{font-family:var(--font-montserrat),"Montserrat",sans-serif;color:rgba(255,255,255,.9);font-weight:500;margin-bottom:2rem}.userinfo-form{width:100%;flex-direction:column;margin-bottom:2rem;text-align:left}.form-row,.userinfo-form{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.85rem;font-weight:600;color:#F5EBE0}.form-group input,.form-group label,.form-group select{font-family:var(--font-montserrat),"Montserrat",sans-serif}.form-group input,.form-group select{font-size:.95rem;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.12);color:white;outline:none;transition:border-color .3s ease,background .3s ease;width:100%}.form-group input::placeholder{color:rgba(255,255,255,.5)}.form-group input:focus,.form-group select:focus{border-color:#F5EBE0;background:rgba(255,255,255,.18)}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group select option{background:#154A41;color:white}.form-error{font-size:.75rem;color:#fca5a5;font-weight:500}#questionnaire-screen{background:#F5EBE0;color:#154A41;justify-content:flex-start;padding-top:2.5rem}#questionnaire-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/footer-pattern.png);background-size:cover;background-position:50%;opacity:.03;pointer-events:none}.questionnaire-content{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:700px}.q-progress{display:flex;align-items:center;gap:7px;margin-bottom:2.5rem}.q-dot{width:10px;height:10px;border-radius:50%;background:rgba(21,74,65,.3);transition:all .3s ease}.q-dot.active{width:40px;border-radius:5px}.q-dot.active,.q-dot.completed{background:#154A41}.q-category{font-family:var(--font-title),"Very Vogue Display",serif;font-size:clamp(1.75rem,4vw,3.25rem);font-weight:700;color:#154A41;line-height:1.13;margin-bottom:1rem}.q-question{font-size:clamp(.9rem,2vw,1.35rem);font-weight:800;color:#545454;line-height:1.4;margin-bottom:.25rem}.q-hint,.q-question{font-family:var(--font-montserrat),"Montserrat",sans-serif}.q-hint{font-size:.85rem;font-weight:300;font-style:italic;color:#333;margin-bottom:1.5rem}.q-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 1.5rem;margin-bottom:2.5rem}@media (max-width:600px){.q-options{grid-template-columns:1fr;gap:.35rem}}.q-group{margin-bottom:1.5rem}.q-group:last-child{margin-bottom:2.5rem}.q-group .q-options{margin-bottom:0}.q-group-label{font-family:var(--font-title),"Very Vogue Display",serif;font-size:1.15rem;font-weight:500;color:#154A41;margin:0 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid #d0d5dd}.q-checkbox{display:flex;align-items:center;gap:.65rem;cursor:pointer;padding:.35rem 0;transition:all .2s ease;user-select:none}.q-checkbox.checked{background:#EBFFF5;border-radius:15px;padding:.35rem .75rem}.q-check-box{flex-shrink:0;width:20px;height:20px;border-radius:6px;border:1px solid #d0d5dd;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.q-checkbox.checked .q-check-box{background:#27A48C;border-color:#27A48C}.q-checkbox span{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:clamp(.8rem,1.5vw,1.1rem);font-weight:500;color:#545454;line-height:1.4}#questionnaire-screen .review-actions{margin-top:0}#questionnaire-screen .secondary-btn{background:#41b29f;color:#154A41}#questionnaire-screen .primary-btn{background:#154A41;color:#EBFFF5}.q-free-text{width:100%;max-width:600px;padding:.75rem 1rem;border:1px solid #ccc;border-radius:12px;font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:.95rem;color:#333;background:white;resize:none;margin-bottom:1.5rem;outline:none;transition:border-color .2s ease}.q-free-text:focus{border-color:#27A48C;box-shadow:0 0 0 2px rgba(39,164,140,.15)}.q-free-text::placeholder{color:#999}#submitting-screen{background:#27A48C;color:white}#submitting-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/footer-pattern.png);background-size:cover;background-position:50%;opacity:.03;pointer-events:none}.submitting-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px}.submitting-content h1{font-family:var(--font-title),"Very Vogue Display",serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#F5EBE0;line-height:1.1;margin-bottom:1rem;background:none;-webkit-text-fill-color:#F5EBE0}.submitting-content p{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:1rem;font-weight:500;color:rgba(255,255,255,.9);line-height:1.6;max-width:400px}.submitting-note{margin-top:1rem;font-size:.85rem!important;color:rgba(255,255,255,.6)!important}.loading-spinner{width:80px;height:80px;margin-bottom:2rem;position:relative}.spinner-ring{width:100%;height:100%;border:4px solid rgba(255,255,255,.2);border-top-color:#f5ebe0;border-radius:50%;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.submitting-logo{position:absolute;top:-4.5rem;left:50%;transform:translateX(-50%);height:46px;max-width:none}.spinner-monogram{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-title),"Very Vogue Display",serif;font-size:1.9rem;color:#F5EBE0}.email-delivery-card{display:flex;align-items:flex-start;gap:.85rem;text-align:left;max-width:420px;margin-top:1.75rem;padding:1rem 1.25rem;background:rgba(21,74,65,.28);border:1px solid rgba(245,235,224,.25);border-radius:14px}.email-delivery-card svg{flex-shrink:0;margin-top:2px;color:#F5EBE0}.email-delivery-card strong{display:block;font-size:.95rem;font-weight:700;color:#ffffff;margin-bottom:.3rem}.email-delivery-card span,.email-delivery-card strong{font-family:var(--font-montserrat),"Montserrat",sans-serif}.email-delivery-card span{font-size:.85rem;line-height:1.5;color:rgba(245,235,224,.9)}.email-delivery-card--warn{background:rgba(180,83,9,.35);border-color:rgba(245,235,224,.3)}.progress-dots{display:flex;gap:.5rem;margin-top:1.75rem}.progress-dots span{width:8px;height:8px;border-radius:50%;background:rgba(245,235,224,.4);animation:dot-pulse 1.4s ease-in-out infinite}.progress-dots span:nth-child(2){animation-delay:.2s}.progress-dots span:nth-child(3){animation-delay:.4s}.progress-dots span:nth-child(4){animation-delay:.6s}@keyframes dot-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35);background:#F5EBE0}}#results-screen{background:#F5EBE0;color:#545454;justify-content:flex-start;padding:2rem 1rem 3rem;overflow-y:auto}#results-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/footer-pattern.png);background-size:cover;background-position:50%;opacity:.03;pointer-events:none;z-index:0}.results-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px}.results-content h1{font-family:var(--font-title),"Very Vogue Display",serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#154A41;line-height:1.1;margin-bottom:1.5rem;text-align:center}.results-error{text-align:center}.error-icon-wrapper{width:80px;height:80px;border-radius:50%;background:#fef2f2;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#ef4444}.error-message{color:#ef4444;max-width:400px}.error-message,.skin-type-badge{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:1rem;margin-bottom:2rem}.skin-type-badge{font-weight:700;padding:.75rem 2rem;background:#27A48C;color:white;border-radius:45px;text-transform:capitalize}.results-section{width:100%;background:white;border-radius:16px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.06)}.results-section h3{font-family:var(--font-title),"Very Vogue Display",serif;font-size:1.35rem;font-weight:700;color:#154A41;margin-bottom:1rem}.concern-cards{display:flex;flex-wrap:wrap;gap:.5rem}.concern-card{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:.85rem;font-weight:600;padding:.5rem 1rem;background:#EBFFF5;color:#154A41;border-radius:30px}.results-score{margin:.75rem 0 1.25rem}.full-analysis{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5e5}.expand-btn{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-size:.9rem;font-weight:600;color:#27A48C;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:0}.expand-btn:hover{color:#154A41}.results-success .review-actions{margin-top:1rem;width:100%}@media (max-width:600px){.permission-content h1,.start-content h1{font-size:2.5rem}#review-screen h1,#viewer3d-screen h1{font-size:2rem}.feature-list{gap:.75rem}.feature{min-width:100px;padding:1rem}#capture-screen{padding:.5rem .75rem .75rem}.capture-content,.capture-layout{gap:.5rem}.back-btn{position:static;font-size:.7rem;padding:.35rem .75rem;align-self:flex-start}.progress-bar{gap:.5rem;margin-bottom:0}.step-dot{width:32px;height:32px}.step-dot:before{inset:-6px}.step-dot svg{width:18px;height:18px}.step-label{font-size:.5rem}.progress-step{gap:.2rem}.camera-container{max-width:100%}.camera-frame{height:65svh;border-radius:10px}.instruction-panel{gap:.15rem}.direction-icon-wrapper{width:36px;height:36px}.direction-icon-wrapper:before{inset:-8px}.direction-icon-wrapper svg{width:20px;height:20px}#direction-label{font-size:.85rem!important}#direction-instruction{font-size:.75rem!important}.capture-actions .primary-btn,.capture-actions .secondary-btn{font-size:.8rem;padding:.5rem 1.25rem}.viewer3d-stage{height:300px}.face-carousel{width:180px;height:220px}.screen{padding:1.5rem 1rem}.form-row{flex-direction:column}.userinfo-content h1{font-size:2rem}.q-category{font-size:1.75rem}.q-dot.active{width:28px}.results-content h1{font-size:1.75rem}.results-section{padding:1rem}}@media (min-width:601px) and (max-width:1024px){.camera-frame{height:50svh}.step-dot{width:50px;height:50px}.step-dot svg{width:28px;height:28px}}