*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;line-height:1.5;width:100vw;height:100vh}body{font-family:Roboto Condensed,sans-serif;font-optical-sizing:auto;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#fafafa;width:100vw;height:100vh}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}table{border-collapse:collapse;border-spacing:0}:invalid{box-shadow:none}button{background:none;border:none;cursor:pointer}#root svg{margin:0 auto;max-width:300px;max-height:200px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.container{display:flex;justify-content:center;align-items:center;min-height:100vh}.content{display:flex;flex-direction:column;row-gap:22px;margin:0 auto;max-width:600px}p{font-size:16px}.content>h1,.content>p,.content>a{text-align:center}.content>h1{font-size:32px;font-weight:700;animation:fadeInUp .5s ease-out forwards}.content>p:first-of-type{color:#6c6c6c;animation:fadeInUp .5s ease-out .1s forwards;opacity:0}section{display:flex;column-gap:32px;align-items:center;max-width:425px;width:100%;opacity:0;animation:slideInRight .4s ease-out forwards}section p{color:#6c6c6c}section:nth-child(3){animation-delay:.2s}section:nth-child(4){animation-delay:.3s}section:nth-child(5){animation-delay:.4s}section:nth-child(6){animation-delay:.5s}section img{transition:transform .3s ease}section:hover img{transform:scale(1.1)}.content>a{display:inline-block;color:#fff;padding:16px;background-color:#00b0f0;margin:0 auto;border-radius:30px;transition:all .3s ease;text-decoration:none;cursor:pointer;animation:fadeInUp .5s ease-out .6s forwards;opacity:0;width:40%}.content>a:hover{background-color:#0091b7;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.content>a:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.error-illustration{display:flex;justify-content:center;margin:20px 0;animation:fadeInUp .5s ease-out .2s forwards;opacity:0}.error-icon{opacity:.9}.error-reasons{color:#868daa;text-align:left;padding-left:20px;animation:slideInRight .4s ease-out .3s forwards;opacity:0}.error-reasons li{margin-bottom:8px}.action-button{display:inline-block;color:#fff;padding:16px;background-color:#0091b7;margin:0 auto;border-radius:30px;transition:all .3s ease;text-decoration:none;cursor:pointer;animation:fadeInUp .5s ease-out .4s forwards;opacity:0;font-weight:500;width:40%}.action-button:hover{background-color:#0091b7;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.action-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.help-text{font-size:14px;color:#868daa;font-style:italic;margin-top:20px;animation:fadeInUp .5s ease-out .5s forwards;opacity:0}.redirect-message{font-style:italic}.countdown{font-weight:700;color:red}.instructions,.unauthorized{justify-content:center;align-items:center;height:100vh}#DOM_FT_mainInterfaceNonOverlayContainer{margin-top:20vh!important}#DOM_FT_overlayContainer{display:flex!important;justify-content:center!important;align-items:center!important;height:100vh!important}#DOM_FT_cameraLoadingSpinnerContainer{margin-top:-20vh}#DOM_FT_yourAppLogo{display:none}.loading-spinner{width:28px;height:28px;border:3px solid rgba(0,0,0,.12);border-top-color:#0091b7;border-radius:50%;animation:app-spin .8s linear infinite}@keyframes app-spin{to{transform:rotate(360deg)}}.liveness-error-container{max-width:800px;margin:0 auto;padding:2rem;text-align:center}.error-icon{display:block;margin:0 auto 2rem;animation:fadeIn .5s ease-in}.liveness-error-container h1{color:#d32f2f;font-size:1.75rem;font-weight:600;margin-bottom:1rem}.error-intro{font-size:1rem;color:#565656;margin-bottom:1rem;text-align:left}.error-reasons{list-style-type:disc;text-align:left;margin:1rem 0 1rem 2rem;padding:0}.error-reasons li{font-size:1rem;color:#565656;margin-bottom:.75rem}.error-recommendations-title{font-size:1rem;font-weight:600;color:#565656;margin:1rem 0;text-align:left}.error-recommendations{list-style-type:disc;text-align:left;margin:1rem 0 1rem 2rem;padding:0}.error-recommendations li{font-size:1rem;color:#565656;margin-bottom:.75rem}.error-support{font-size:1rem;color:#565656;padding:1rem;background-color:#f5f5f5;border-radius:8px;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.liveness-error-container{padding:1rem}.liveness-error-container h1{font-size:1.5rem}.error-intro,.error-recommendations-title,.error-support{font-size:1.2rem}.error-reasons li,.error-recommendations li{font-size:1rem}.error-reasons,.error-recommendations{margin-left:1rem}}.liveness-container{margin:0 auto;text-align:center;max-width:416px;display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column;row-gap:32px}.liveness-container h1{font-size:32px;font-weight:700;color:#333}.loading-container{padding:30px;display:flex;flex-direction:column;align-items:center}.skeleton-loader{width:100px;height:100px;border-radius:50%;border:4px solid #C7E3EB;border-top:4px solid #0091B7;animation:spin 1s linear infinite;margin:20px 0}.liveness-skeleton{border-radius:12px;padding:25px;width:100%;max-width:400px;margin:0 auto}.skeleton-header{height:24px;background-color:#e0e0e0;width:70%;margin:0 auto 20px;border-radius:4px;animation:pulse 1.5s infinite}.skeleton-camera{position:relative;width:280px;height:280px;background-color:#d9d9d9;border-radius:50%;margin:0 auto 20px;overflow:hidden;animation:pulse 1.5s infinite}.skeleton-oval{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:240px;border:3px dashed #b0b0b0;border-radius:50%}.skeleton-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:160px;background-color:#c4c4c4;border-radius:70px;animation:pulse 1.5s infinite}.skeleton-instructions{height:16px;background-color:#e0e0e0;width:90%;margin:0 auto;border-radius:4px;animation:pulse 1.5s infinite}.loading-text{margin-top:80px;color:#666;font-size:18px;font-weight:500}.error-message{background-color:#fff5f5;border:1px solid #ffebee;padding:20px;border-radius:8px;margin:20px 0;text-align:center}.error-message p{margin-bottom:15px;color:red;font-size:16px}.error-message button{background-color:#fd5555;color:#fff;border:none;padding:10px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.error-message button:hover{background-color:#b71c1c}.retry-button{background-color:#0be;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;margin-top:16px;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:#fd5555}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.validation-container{display:flex;justify-content:center;align-items:center;padding:20px;height:100%}.validation-card{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:440px;text-align:center;animation:fadeIn .5s ease-out}.logo-container{margin-bottom:24px}.auth-logo{max-width:180px;height:auto}.validation-card h2{color:#2a2a2a;font-size:24px;font-weight:600;margin-bottom:32px}.spinner-container{position:relative;width:80px;height:80px;margin:0 auto 32px}.spinner-circle{position:absolute;width:100%;height:100%;border:4px solid #f0f0f0;border-top-color:#3498db;border-radius:50%;animation:spin 1.2s linear infinite}.spinner-circle-inner{position:absolute;top:15%;left:15%;width:70%;height:70%;border:4px solid transparent;border-bottom-color:#2ecc71;border-radius:50%;animation:spin .8s linear infinite reverse}.validation-message{color:#666;font-size:16px;line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.validation-card{padding:24px}.validation-card h2{font-size:20px}.spinner-container{width:60px;height:60px}}.page-transition{opacity:0;transition:opacity .3s ease;min-height:100%;width:100%}.page-transition.fade-in{opacity:1}.page-transition.fade-out{opacity:0}