.landing-root{min-height:100vh;background-image:url(/assets/background-CipaH-Zu.jpg);font-family:Arial,sans-serif;color:var(--text-dark-color)}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background-information-color:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navLogoImg{max-width:60px!important;height:auto}.nav-link{color:var(--primary-color);text-decoration:none;font-weight:700;padding:8px 16px;border:1px solid var(--primary-color);border-radius:4px;transition:background .3s}.nav-link:hover{background:#1976d21a}.hero{display:flex;justify-content:center;align-items:center;height:60vh;padding:32px;text-align:center}.hero-content{max-width:800px;background:#ffffffe6;padding:32px;border-radius:16px;box-shadow:0 4px 16px #0000001a}h1{font-size:2.5rem;margin-bottom:16px;color:var(--secondary-color)}.intro-text{font-size:1.2rem;margin-bottom:16px}.cta-button{padding:.75rem 1.5rem;border:none;border-radius:2rem;cursor:pointer;font-size:1rem;background:linear-gradient(135deg,#00b09b,#96c93d);transition:background .3s,transform .2s;box-shadow:0 .5rem 2rem #0003;color:#fff}.cta-button:hover{background:#1565c0}.features{padding:48px 32px;background:var(--background-information-color);text-align:center}h2{font-size:2rem;margin-bottom:32px;color:var(--text-dark-color)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;max-width:1200px;margin:0 auto}.feature-item{background:var(--white);padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}h3{font-size:1.5rem;margin-bottom:8px;color:var(--secondary-color)}.footer{padding:16px;text-align:center;background:#000c;color:var(--white)}@media(max-width:768px){.header{flex-direction:column;gap:16px}.hero{height:auto;padding:16px}.hero-content{padding:24px}h1{font-size:2rem}.intro-text{font-size:1rem}.features{padding:32px 16px}}@media(max-width:480px){.cta-button{width:100%}}.react-confirm-alert{min-width:20%;max-width:40%}.alert-dialog{display:flex;flex-direction:column;background:#fff;padding:24px;gap:4px;border-radius:25px;box-shadow:5px 5px 20px 10px var(--gray-darker-color)}.alert-dialog button{border:0px;border-radius:25px;font-size:18px;padding:8px 18px;cursor:pointer}.alert-dialog .btn-cancel{padding:2px 8px}.alert-dialog .btn-delete{background:red;color:#fff}.alert-dialog .btn-confirm{background:var(--primary-color);color:#fff}.alert-btn-holder{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media screen and (min-device-width:768px)and (max-device-width:1024px){.react-confirm-alert{max-width:80%}}@media screen and (max-device-width:480px)and (orientation:portrait){.react-confirm-alert{max-width:80%}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;inset:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.holder-loader{position:fixed;display:flex;justify-content:center;align-items:center;height:100%;width:100%;transform:translateY(-50%);z-index:9999}.loader-area{display:flex;background:#fff;width:20%;aspect-ratio:1;align-items:center;justify-content:center;border-radius:50%;box-shadow:10px 25px 105px 55px var(--primary-color)}@media screen and (min-device-width:768px)and (max-device-width:1024px){.loader-area{width:60%}}@media screen and (max-device-width:480px)and (orientation:portrait){.loader-area{width:60%}}.root{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#00b09b,#96c93d);animation:gradientAnimation 8s ease infinite;background-size:200% 200%}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:600px){.root{padding:1rem}}.paper{padding:2rem;max-width:800px;width:100%;border-radius:1rem;box-shadow:0 .5rem 2rem #0003;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease-in-out}.logo{display:flex;justify-content:center;margin-bottom:2rem}.logoImg{max-width:200px;background:linear-gradient(135deg,#00b09b,#96c93d);border-radius:50%;padding:24px;height:auto;box-shadow:0 .5rem 2rem #0003}.title{text-align:center;margin-bottom:2rem;font-size:1.75rem;color:#333}.form{display:flex;flex-direction:column;gap:1.5rem}h2{font-size:1.25rem;margin-bottom:.5rem;color:#333}.photos-grid{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.photos-grid{flex-direction:row;justify-content:space-between}.webcam-person,.webcam-id{flex:1}}.webcam-person,.webcam-id{display:flex;flex-direction:column;gap:.5rem}.webcamContainer{display:flex;flex-direction:column;align-items:center;gap:1rem}.webcam{width:100%;max-width:300px;height:auto;border-radius:.5rem;border:1px solid #ccc}.capturedImg{max-width:100%;border:1px solid #ccc;border-radius:1rem;background-color:#fff}.fields-grid{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.fields-grid{flex-direction:row;gap:2rem}}.column{display:flex;flex-direction:column;gap:1rem;flex:1}.field{display:flex;flex-direction:column;gap:.25rem}label{font-size:1rem;color:#333}input,select{width:100%;padding:.75rem 1rem;box-sizing:border-box;border:1px solid #ccc;border-radius:2rem;font-size:1rem;background-color:#f9f9f9;transition:border-color .3s}input:focus,select:focus{border-color:#00b09b;outline:none}.signature-section{display:flex;flex-direction:column;gap:.5rem}.signaturePad{border:1px solid #ccc;border-radius:1rem;width:100%;height:150px;background-color:#fff}.buttons{display:flex;gap:1rem;justify-content:center}.button{padding:.75rem 1.5rem;border:none;border-radius:2rem;cursor:pointer;font-size:1rem;transition:background .3s,transform .2s;box-shadow:0 .5rem 2rem #0003}.button.primary{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.button.primary:hover{transform:scale(1.05)}.button.secondary{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.button.secondary:hover{transform:scale(1.05)}.button.outline{border:1px solid #00b09b;background:transparent;color:#00b09b}.button.outline:hover{background:#00b09b1a;transform:scale(1.05)}.button.full{width:100%}.agreement{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#333}.agreement input{width:unset}.link{color:#00b09b;text-decoration:underline;cursor:pointer}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.modal-backdrop.open{display:flex;opacity:1}.modal-content{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 .5rem 2rem #0003;max-width:600px;width:90%;position:relative}:root{--primary-color: #4CAF50;--secondary-color: #32583f;--button-primary-color: #32583f;--button-secondary-color: #4CAF50;--text-color: #fff;--text-dark-color: #333;--border-color: #ccc;--background-color: #32583f;--background-information-color: #f8f9fa;--gray-light-color: #f8f8f8;--gray-darker-color: #f1f1f1;--white: #fff;--background-dashboard: #f3f5f8}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
