.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.button-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-items:center;margin:20px 0}.app-img{border:1px solid #ccc;border-radius:10px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:#0a0a0a;padding:0;text-align:center}.screen{height:100vh}.radar img{height:auto;width:180px}h2{margin-top:20px}.back-btn{background:#ffffff25;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;margin-top:30px;padding:10px 25px;transition:.3s}.back-btn:hover{background:#ffffff40}body{background:#000;color:#fff;font-family:Poppins,sans-serif;margin:0}.screen{padding-top:40px}.logo{margin-bottom:20px;width:140px}.ai-text{animation:blink 1.6s infinite alternate;color:#66e0ff;font-size:18px;margin-top:10px}@keyframes blink{0%{opacity:.5}to{opacity:1}}.google-btn{border-radius:6px;color:#000;font-weight:600;gap:10px;margin:35px auto;padding:12px;width:260px}.manual{color:#ccc}.manual a{color:#66e0ff;cursor:pointer;font-weight:600}.modal{background:#000000b3}.modal-content{background:#111;border:1px solid #333;padding:25px;text-align:center;width:300px}.modal-content input{background:#222;border:none;color:#fff;margin:10px 0;padding:12px;width:90%}.manual-btn{background:#ffae42!important;border:none;color:#000;font-weight:700;padding:12px}.close-btn,.manual-btn{border-radius:6px;cursor:pointer;width:100%}.close-btn{background:#444;color:#fff;margin-top:10px;padding:10px}.modal{background:#00000073;display:flex;height:100vh;width:100vw;z-index:9999}.custom-login-box{animation:fadeIn .25s ease-in-out;background:#fff;border-radius:15px;box-shadow:0 5px 25px #0000001f;padding:25px 30px;text-align:center;width:330px}.modal-title{color:#f36;font-size:20px;font-weight:600;margin-bottom:20px;text-align:left}.modal-input{border:1px solid #ddd;border-radius:8px;font-size:14px;margin:8px 0;padding:12px;width:100%}.modal-continue-btn{background:#f36;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-top:12px;padding:12px;width:100%}.modal-close-btn{background:#0000;border:none;color:#444;cursor:pointer;font-size:14px;margin-top:10px}:root{--accent:#f36;--text:#222;--subtext:#666;--gradient-bg:linear-gradient(180deg,#f3f5f8,#eaeef3);--shadow:0 6px 20px #0000001a}body,html{background:linear-gradient(180deg,#f3f5f8,#eaeef3);background:var(--gradient-bg);font-family:Poppins,sans-serif;margin:0;overflow:hidden}.screen,body,html{align-items:center;display:flex;height:100%;justify-content:center}.screen{flex-direction:column;left:0;position:absolute;text-align:center;top:0;transition:opacity .8s ease,transform .8s ease;width:100%}.hidden{opacity:0;pointer-events:none;transform:scale(1.05)}#signin .logo{animation:float 3s ease-in-out infinite;height:auto;margin-bottom:40px;width:180px}h2{color:#222;color:var(--text);font-size:22px;font-weight:500;margin-bottom:20px}#aiText{color:#666;color:var(--subtext);font-size:14px;height:22px;margin-bottom:35px;transition:opacity .5s ease}.google-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 20px #0000001a;box-shadow:var(--shadow);color:#444;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:12px 26px;transition:transform .25s ease,box-shadow .25s ease}.google-btn:hover{box-shadow:0 6px 18px #00000026;transform:translateY(-2px)}.google-btn img{margin-right:12px;width:22px}.manual{font-size:14px;margin-top:16px}.manual,.manual a{color:#666;color:var(--subtext)}.manual a{text-decoration:none}.manual a:hover{text-decoration:underline}.modal{align-items:center;background:#0006;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.modal-content{animation:fadeIn .4s ease;background:#fff;border-radius:10px;box-shadow:0 6px 20px #0000001a;box-shadow:var(--shadow);padding:30px 40px;width:320px}.modal-content h3{color:#f36;color:var(--accent);font-weight:600;margin-bottom:20px}.modal-content input{border:1px solid #ddd;border-radius:6px;font-size:14px;margin:8px 0;outline:none;padding:10px;transition:all .3s ease;width:100%}.modal-content input:focus{border-color:#f36;border-color:var(--accent);box-shadow:0 0 6px #ff33664d}.modal-content button{background:#f36;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:10px;padding:10px;transition:.3s ease;width:100%}.modal-content button:hover{box-shadow:0 4px 12px #ff33664d;transform:translateY(-1px)}#voice{background:radial-gradient(circle at center,#1a0015 0,#000 80%);color:#fff;flex-direction:column;text-align:center}.radar{align-items:center;display:flex;justify-content:center;position:relative}.radar:before{animation:pulse 2s infinite;background:radial-gradient(circle,#ff336640 0,#0000 70%);border-radius:50%;content:"";height:340px;position:absolute;width:340px}#voice img{animation:glow 1.8s infinite alternate;border-radius:50%;box-shadow:0 0 30px #f369;width:220px;z-index:2}#voice h2{color:#ff80bf;font-weight:400;letter-spacing:.6px;margin-top:30px;min-height:40px;text-shadow:0 0 10px #ff69b499;transition:opacity .5s ease}.back-btn{background:#0000;border:1px solid #ff80bf;border-radius:30px;color:#ffb3d9;cursor:pointer;font-size:14px;margin-top:25px;padding:8px 18px;transition:all .3s ease}.back-btn:hover{background:#ff80bf;box-shadow:0 0 10px #ff80bf80;color:#000}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.4)}}@keyframes glow{0%{box-shadow:0 0 25px #f366}to{box-shadow:0 0 45px #f36c}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}footer.footer-section{font-size:20px;padding:20px 0}.top-left-logo{left:10px;position:absolute;top:10px;z-index:1000}#myimage{left:0;position:absolute;top:0}.center-heading{color:pink;font-size:20px;margin-left:80px}.button-container{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center}.image-button{left:0;position:absolute}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@media (max-width:768px){.video-container{align-items:center;display:flex;flex-direction:row;gap:10px;height:auto;justify-content:center;padding:0;width:100%}.canvas-element,.video-element{height:auto;width:50%}}.video-container{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative}.canvas-element,.video-container,.video-element{height:auto;width:100%}.dialog{background:#fff;box-shadow:0 0 10px #00000080;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%)}.image-container{display:flex;justify-content:center}.image-container img{height:80px;margin:10px;max-width:80px}footer.footer-section{background-color:#000;bottom:0;color:#fff;font-size:10px;position:relative;text-align:center;width:100%}footer.footer-section .container-4{align-items:center;bottom:0;display:flex;font-size:10px;justify-content:center;position:relative;width:100%}


/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/*# sourceMappingURL=main.e81e5cc7.css.map*/