body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background:linear-gradient(180deg,#08bcd0,#b0dcc6);font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.signup-container{align-items:center;background:linear-gradient(180deg,#00c9ff,#92fe9d);border-radius:12px;box-shadow:0 8px 24px #0000001a;flex-direction:row;justify-content:center;margin:0 auto;max-width:1200px;overflow:hidden;padding:40px}.signup-left{flex:1 1;padding:20px;text-align:center}.signup-left img{height:auto;margin-bottom:20px;max-width:100%}.signup-left p{color:#333;font-size:16px;line-height:1.5}.signin-right{background-color:#fff;border-radius:12px;flex:1 1;padding:40px;text-align:center}.signin-title{font-size:28px;font-weight:700;margin-bottom:10px}.signin-subtitle{color:#555;font-size:16px;margin-bottom:30px}.signin-form{display:flex;flex-direction:column;gap:15px}.signin-form input{border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;padding:12px;transition:border-color .3s}.signin-form input:focus{border-color:#4acfd9}.forgot-password{margin-bottom:10px;margin-top:-10px;text-align:right}.forgot-password a{color:#007bff;font-size:13px;text-decoration:none}.signin-button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s}.signin-button:hover{background-color:#333}.register-link{font-size:14px;margin-top:20px}.register-link a{color:#000;font-weight:700;text-decoration:none}.google-signin-button{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:10px 15px;transition:background-color .2s ease;width:100%}.google-signin-button:hover{background-color:#f1f1f1}.google-icon{height:20px;width:20px}.terms-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.terms-modal{background-color:#333;border-radius:10px;color:#fff;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.terms-agreement{align-items:center;display:flex;gap:10px;margin-bottom:20px;margin-top:20px}.tc-continue-btn{background:linear-gradient(90deg,#2ad2e2,#007bff);border:none;border-radius:30px;box-shadow:0 4px 16px #2ad2e226;color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-left:auto;margin-right:auto;margin-top:20px;padding:1rem 0;transition:background .3s,box-shadow .3s,transform .2s;width:80%;z-index:10}.tc-continue-btn:hover:not(:disabled){background:linear-gradient(90deg,#007bff,#2ad2e2);box-shadow:0 8px 24px #2ad2e240;transform:scale(1.04)}.tc-continue-btn:disabled{background:#aaa;box-shadow:none;color:#fff;cursor:not-allowed;opacity:.7}.signup-container{background:linear-gradient(180deg,#08bcd0,#b0dcc6);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.signup-left,.signup-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.signup-left img{border-radius:1rem;margin-bottom:1rem;margin-top:100px;max-width:80%}.signup-left p{font-size:1.1rem;max-width:80%;text-align:center}.signup-right h1{font-size:2.5rem;font-weight:700;margin-bottom:0}.tagline{color:#fff;font-size:1rem;margin-bottom:1.5rem}.form-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;margin-bottom:125px;max-width:400px;padding:2rem;width:100%}.form-container h2{font-size:1.5rem;margin-bottom:.3rem}.form-container p{font-size:.9rem;margin-bottom:1.5rem}.form-container input{border:1px solid #ccc;border-radius:5px;margin-bottom:1rem;padding:.75rem;width:100%}.form-container button[type=submit]{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem;width:100%}.divider{align-items:center;display:flex;margin:1rem 0;text-align:center}.divider:after,.divider:before{background:#ccc;content:"";flex:1 1;height:1px;margin:0 1rem}.social-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.facebook-signin{display:none}.login-link{font-size:.9rem;text-align:center}body{font-family:Segoe UI,sans-serif}.navbar{background:linear-gradient(90deg,#000,#000);padding:12px 30px}.logo-circle{background-color:#fff;box-shadow:0 3px 10px #0003;height:40px;padding:0}.logo-img{background-color:#fff;display:block;height:45px;width:45px}.logo-text{font-size:12px}.navbar-links{flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;justify-content:center;margin:0 auto}.navbar-links a{color:#61d5ef;font-size:1.1rem;text-decoration:underline;transition:color .3s ease}.navbar-links a:hover{color:#61d5ef}.navbar-links a.active{border-bottom:2px solid #fff;color:#08bcd0;text-decoration:none}.logout-btn:hover{background:#00c9ff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.main{align-items:center;background:linear-gradient(180deg,#00c9ff,#92fe9d);display:flex;gap:40px;min-height:calc(100vh - 80px);overflow:hidden;padding:0 60px}.main-left{color:#fff;display:flex;flex:0.8 1;flex-direction:column;justify-content:center;margin-left:180px;margin-right:-40px;padding:40px}.main-left h1{font-size:42px;margin-bottom:50px}.main-left h1,.main-left p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.main-left p{font-size:18px;line-height:1.6;margin:10px 0;text-align:justify}.start-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:50px;margin-left:50px;margin-top:15px;padding:6px 16px;text-align:center;transition:all .3s ease;width:300px}.start-btn:hover{background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.subtext{color:#fff;font-size:16px;font-style:italic;margin-top:25px}.main-right{align-items:center;display:flex;flex:1.2 1;justify-content:center;margin-right:40px;min-height:calc(100vh - 80px);padding:40px;position:relative}.main-image{border-radius:20px;box-shadow:0 8px 24px #00000026;display:block;height:auto;margin:0 auto;max-height:60vh;max-width:70%;object-fit:contain}.poster-characters{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:30px;width:100%}.poster-img{border-radius:10px;box-shadow:0 4px 12px #0000004d;display:block;height:300px;margin:0 auto;max-width:100%;object-fit:cover;width:300px}.navbar-left{gap:15px;padding-left:10px}.sign-concepts{background:linear-gradient(180deg,#08bcd0,#b0dcc6);min-height:100vh}.concepts-container{margin:0 auto;max-width:1200px;padding:40px;text-align:center}.concepts-container h1{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:42px;margin-bottom:60px;text-align:center}.concepts-grid{gap:40px;justify-content:center;margin-bottom:60px;padding:20px}.concept-card,.concepts-grid{align-items:center;display:flex}.concept-card{background:#fff;border-radius:15px;flex-direction:column;gap:20px;padding:30px}.concept-icon{align-items:center;background-color:#f5f5f5;border-radius:10px;display:flex;height:200px;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.concept-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.concept-card:hover .concept-image{transform:scale(1.05)}.icon{color:#8257e6;font-size:40px}.concept-btn{background:#8257e6;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease;width:100%}.concept-btn:hover{background:#9466ff;box-shadow:0 4px 12px #8257e64d;transform:translateY(-2px)}.concept-footer{color:#000;font-size:20px;line-height:1.6;margin:60px auto 0;max-width:800px;padding:0 20px;text-align:center}@media (max-width:1024px){.concepts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.concepts-grid{grid-template-columns:1fr}.concepts-container h1{font-size:32px}.concept-footer{font-size:18px}}.navbar-links{gap:24px}.logout-btn{border-radius:5 0}.contact-page{background:linear-gradient(180deg,#08bcd0,#b0dcc6);min-height:100vh}.contact-container{align-items:flex-start;display:flex;gap:60px;margin:0 auto;max-width:1200px;padding:40px;position:relative}.contact-left{color:#fff;flex:1 1;padding-top:20px;position:relative}.contact-left h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:42px;margin-bottom:20px}.contact-left p{font-size:18px;line-height:1.6;margin-bottom:40px;padding-right:20px}.connect-image-container{max-width:400px;width:100%}.connect-image{border-radius:10px;height:auto;width:100%}.contact-right{flex:1 1;margin-right:-160px;padding-right:30px;position:absolute;right:40px;top:200px;width:calc(50% - 30px)}.contact-form{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;padding:40px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-input{border:1px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:20px;outline:none;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#40e0d0}.form-input.half{width:calc(50% - 10px)}.form-input.message{height:150px;min-height:100px;resize:vertical}.submit-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:14px;transition:background-color .3s ease;width:100%}.submit-btn:hover{background:#333}.status-message{border-radius:8px;margin-bottom:20px;padding:12px;text-align:center}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.submit-btn:disabled{background:#666;cursor:not-allowed}.navbar nav a.active,.navbar-links .active{border-bottom:2px solid #fff;color:#08bcd0;font-size:1.2rem}.navbar-left{align-items:center;display:flex}.logo-circle{height:50px;width:50px}.navbar-links{gap:30px}.navbar-links li a{color:#61d5ef;font-size:1.1rem;font-weight:500;text-decoration:underline;transition:color .3s ease}.navbar-links li a.active{border-bottom:2px solid #fff;color:#08bcd0;font-weight:700;text-decoration:none}.keypoints-page{background:linear-gradient(to bottom right,#08bcd0,#b0dcc6);color:#333;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;margin:0;min-height:100vh;padding:0}.navbar{color:#fff;padding:1rem 2rem}.navbar nav{display:flex;flex-grow:1;justify-content:center}.navbar .logo{font-size:1.3rem;font-weight:700}.navbar nav a{color:#61d5ef;font-size:1.1rem;font-weight:500;margin:0 1rem;text-decoration:underline}.navbar nav a.active{border-bottom:2px solid #fff;color:#08bcd0;text-decoration:none}.logout-button{background:#fff;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#000;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-weight:700;padding:10px 25px;transition:all .3s ease}.cards-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1rem 2rem}.card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:380px;padding:1rem;text-align:center;transition:transform .3s ease;width:340px}.card:hover{transform:translateY(-5px)}.card img{height:150px;margin-bottom:1rem;object-fit:contain;width:100%}.card p{display:flex;flex-direction:column;flex-grow:1;font-size:.95rem;justify-content:flex-start;line-height:1.4;margin:0 0 2px}.card strong{display:block;font-size:1rem;margin-bottom:.5rem}.summary-text{background:#fffffff2;border-radius:10px;box-shadow:0 2px 6px #0000001a;color:#444;font-size:.95rem;margin:3rem auto 1.5rem;max-width:800px;padding:1.5rem;text-align:center}@media (max-width:768px){.cards-container{align-items:center;flex-direction:column}.card{height:auto;width:90%}}.footer-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#444;display:flex;font-size:1rem;justify-content:center;margin:2rem auto 1.5rem;max-width:1000px;padding:2rem 1.5rem;text-align:center}.sign-page{color:#333}.navbar{padding:15px 40px}.logo-container{height:50px;width:50px}.logo-img{border:2px solid #fff;border-radius:50%}.nav-links{gap:24px;margin-right:420px}.nav-links li{cursor:pointer;font-size:1.1rem}.nav-links li a{color:#61d5ef;text-decoration:underline}.nav-links .active{border-bottom:2px solid #fff;color:#08bcd0;font-weight:700;text-decoration:none}.logout-btn{border-radius:5px}.back-btn,.logout-btn{font-family:Segoe UI,sans-serif}.back-btn{align-self:flex-start;background:#fff;border:2px solid #000;border-radius:6px;color:#000;cursor:pointer;font-weight:700;margin:10px 20px 0;padding:6px 14px}.container{margin:-40px auto 0;max-width:900px;padding-bottom:40px;padding-top:10px;text-align:center}.container h1{color:#004d4d;font-size:2rem;font-weight:700;margin-bottom:20px}.tabs{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.tab{background-color:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:.3s ease}.tab.active{background-color:#e74c3c}.grid{grid-gap:12px;display:grid;gap:12px;justify-content:center}.grid-letters{grid-template-columns:repeat(7,60px)}.grid-numbers{grid-template-columns:repeat(5,60px)}.sign-item{align-items:center;background-color:#fff;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;transition:transform .2s ease;width:60px}.sign-item:hover{transform:scale(1.1)}.popup-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup{background:#1e1e2f;border-radius:10px;max-width:90%;padding:20px;position:relative;text-align:center;width:400px}.popup img{border-radius:8px;max-height:400px;object-fit:contain;width:100%}.close-btn{color:#fff;cursor:pointer;font-size:30px;left:20px;position:absolute;top:15px}@media (max-width:600px){.grid-letters{grid-template-columns:repeat(4,60px)}.grid-numbers{grid-template-columns:repeat(3,60px)}}body{background:linear-gradient(180deg,#08bcd0,#b0dcc6);font-family:Arial,sans-serif}.text-to-sign-page,body{display:flex;flex-direction:column;margin:0}.text-to-sign-page{background:linear-gradient(to bottom right,#08bcd0,#b0dcc6);color:#333;font-family:Segoe UI,sans-serif;min-height:100vh;padding:0}.header{background:linear-gradient(90deg,#000,#000);justify-content:space-between;min-height:50px;padding:12px 30px}.header,.logo-container{align-items:center;display:flex}.logo-container{gap:15px;padding-left:10px}.logo{background-color:#fff;border-radius:50%;box-shadow:0 3px 10px #0003;display:block;height:45px;object-fit:cover;width:45px}.nav-links{display:flex;flex-grow:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;gap:30px;justify-content:center;list-style:none;margin:0;padding:0}.nav-links a{font-size:1.1rem;text-decoration:underline;transition:color .3s ease}.nav-links a,.nav-links a:hover{color:#61d5ef}.nav-links a.active{border-bottom:2px solid #fff;color:#08bcd0;text-decoration:none}.logout-btn{box-shadow:0 2px 8px #0000001a;color:#00c9ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:10px;margin-left:auto;padding:10px 25px;transition:all .3s ease}.logout-button:hover{background:#00c9ff;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-2px)}.back-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;font-size:.9rem;left:20px;margin:15px;padding:8px 15px;position:absolute;top:70px;transition:background-color .3s ease;z-index:3}.back-button:hover{background-color:#0056b3}.title{color:#004d4d;font-weight:700;margin:2rem 0 1rem}.conversion-table{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:20px auto;max-width:1000px;overflow:hidden;width:90%}.table-row{border-bottom:1px solid #eee;display:flex}.table-row:last-child{border-bottom:none}.table-header .table-cell{background-color:#f0f0f0;font-weight:700;padding:15px;text-align:center}.table-cell{flex:1 1;flex-direction:column;justify-content:center;padding:20px}.table-cell,.text-header{align-items:center;display:flex}.text-header{justify-content:space-between;width:100%}.refresh-btn{background:none;border:none;color:#555;cursor:pointer;font-size:1.5rem}.text-cell{display:flex;flex-direction:column;gap:15px}.text-cell,.text-input{box-sizing:border-box;width:100%}.text-input{border:1px solid #ddd;border-radius:5px;font-size:1rem;min-height:120px;padding:10px;resize:vertical}.convert-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.convert-button:hover{background-color:#0056b3}.sign-box{align-items:center;background-color:#f8f8f8;display:flex;justify-content:center;min-height:200px;overflow:hidden;position:relative}.sign-video{max-height:100%;max-width:100%;object-fit:contain}.error-message{color:red;font-size:.9rem;margin-top:5px}.no-video-message{color:#777;font-style:italic}.help-text{background-color:#f0f0f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;margin:20px auto;max-width:1000px;padding:20px;width:90%}.help-text p{font-weight:700;margin-bottom:10px}.help-text ul{list-style-type:disc;margin-left:20px;padding:0}.help-text li{margin-bottom:5px}.debug-message{color:gray;font-size:.8rem;margin-top:5px}.video-progress{background-color:#000000b3;border-radius:5px;bottom:10px;color:#fff;font-size:.9rem;left:50%;padding:5px 10px;position:absolute;transform:translateX(-50%)}.sign-page{background:linear-gradient(180deg,#08bcd0,#b0dcc6);font-family:Segoe UI,sans-serif;min-height:100vh}.navbar{background:#000;justify-content:space-between;min-height:50px;padding:10px 30px}.logo-circle,.navbar{align-items:center;display:flex}.logo-circle{border:2px solid #fff;border-radius:50%;height:45px;justify-content:center;overflow:hidden;width:45px}.logo-img{height:100%;object-fit:cover;width:100%}.navbar-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.navbar-links li{display:inline}.navbar-links button{background:none;border:none;color:#61d5ef;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:500;padding:0;text-decoration:underline}.navbar-links button.active{border-bottom:2px solid #fff;color:#08bcd0;font-weight:700;text-decoration:none}.logout-btn{background:#fff;border:none;border-radius:20px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem}.logout-btn:hover{background:#08bcd0;color:#fff}.back-button{background:#fff;border:2px solid #000;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin:20px 0 0 20px;padding:6px 14px}.title{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;margin:30px 0;text-align:center}.content-wrapper{align-items:flex-start;display:flex;gap:60px;justify-content:center;margin-top:20px}.camera-section,.output-section{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;max-width:400px;min-width:340px;padding:32px 24px 24px}.camera-section{margin-right:0}.camera-section h3{color:#000;font-size:1.3rem;margin-bottom:18px}.camera-box{align-items:center;background:#403939;border-radius:10px;display:flex;height:240px;justify-content:center;margin-bottom:18px;width:100%}.camera-placeholder{color:#fff;font-size:16px;opacity:.7}.camera-buttons{display:flex;gap:16px;margin-top:10px}.camera-buttons button{background:#2d2d2d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 18px}.camera-buttons button:hover{background:#08bcd0}.output-section{align-items:stretch}.form-group{margin-bottom:18px;width:100%}.form-group label{color:#000;display:block;font-size:15px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{background:#2d2d2d;border:none;border-radius:10px;box-sizing:border-box;color:#fff;font-size:15px;overflow:hidden;padding:12px 16px;resize:none;width:100%}.button-group{align-items:center;display:flex;gap:10px;justify-content:center}.button-group button{background:#08bcd0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 18px}.button-group button:hover{background:#0ab}select{background:#2d2d2d;border:none;border-radius:8px;color:#fff;font-size:1rem;padding:8px 12px}@media (max-width:900px){.content-wrapper{align-items:center;flex-direction:column;gap:30px}.camera-section,.output-section{max-width:95vw;min-width:90vw}}
/*# sourceMappingURL=main.702a1ade.css.map*/