*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#f0f8ff,#e6f0ff);color:#333;line-height:1.6;min-height:100vh;padding:20px}ul{list-style:none}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto}#portal{margin-left:100px}@media screen and (max-width: 1000px){#portal{margin-left:60px}}header{background:linear-gradient(135deg,#0061ff,#60efff);border-radius:15px;padding:25px 30px;margin-bottom:30px;box-shadow:0 10px 30px #0061ff33;color:#fff;position:relative;overflow:hidden}header:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff1a;border-radius:50%}header:after{content:"";position:absolute;bottom:-80px;left:-30px;width:150px;height:150px;background:#ffffff1a;border-radius:50%}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:2}.logo{display:flex;align-items:center;gap:15px}.logo-icon{font-size:36px;background:#fff;color:#0061ff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-text h1{font-size:28px;font-weight:700}.logo-text p{font-size:14px;opacity:.9}.lang-selector{position:relative}.lang-selector select{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 15px;border-radius:50px;font-size:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.lang-selector select option{background:#0061ff;color:#fff}.header-content{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:2}.header-content h2{font-size:32px;margin-bottom:15px;font-weight:700}.header-content p{font-size:18px;opacity:.9;margin-bottom:25px}.card{background:#fff;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0061ff26}.card-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f5ff}.card-header i{background:#e6f2ff;color:#0061ff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.card-header h3{font-size:22px;color:#0061ff}.upload-section{text-align:center}.file-input-container{display:inline-block;position:relative;margin-top:10px}.file-input-label{display:inline-block;padding:15px 30px;background:linear-gradient(135deg,#0061ff,#60efff);color:#fff;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0061ff4d}.file-input-label:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0061ff66}#fileInput,#cameraInput{display:none}#preview{margin-top:25px}#preview img{max-width:100%;border-radius:12px;box-shadow:0 5px 15px #0000001a;border:3px solid white}#textOutput{background:#f8fbff;padding:20px;border-radius:10px;border:1px solid #e0edff;text-align:left;margin-top:20px;font-size:18px;color:#555}.camera-wrapper{display:flex;flex-direction:column;max-width:100%}.webcam-preview{width:100%}.btn{padding:14px 30px;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-block;margin-top:20px;box-shadow:0 5px 15px #0061ff33}.btn-primary{background:linear-gradient(135deg,#0061ff,#60efff);color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0061ff66}.btn-edit{background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff;transition:all .2s ease}.btn-edit:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff7e5f66}.btn-success{background:linear-gradient(135deg,#00c853,#64ffda);color:#fff}.btn-danger{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff}#gptOutput{background:#f8fbff;padding:25px;border-radius:10px;border:1px solid #e0edff;text-align:left;margin-top:20px;min-height:200px}.upload_image{width:100%}.solution-step{margin-bottom:15px;padding-left:20px;border-left:3px solid #0061ff}.solution-step-number{font-weight:700;color:#0061ff;margin-right:8px}#quizSection{display:none;margin-top:30px}.quiz-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.quiz-header h3{font-size:22px;color:#0061ff}.quiz-header i{color:#0061ff;font-size:24px}.quiz-item{background:#f8fbff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e0edff}.quiz-question{font-size:18px;font-weight:600;margin-bottom:15px;color:#0061ff}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.quiz-button{padding:12px 15px;background:#fff;border:1px solid #d0e0ff;border-radius:8px;text-align:left;font-size:16px;cursor:pointer;transition:all .2s ease}.quiz-button:hover{background:#e6f2ff;border-color:#0061ff}.quiz-button:disabled{opacity:.7;cursor:not-allowed}.disabled{opacity:.5;cursor:not-allowed}.quiz-button.correct{background:#e8f5e9;border-color:#00c853;color:#00c853}.quiz-button.incorrect{background:#ffebee;border-color:#ff416c;color:#ff416c}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;display:none}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:15px;z-index:1001;display:none;width:90%;max-width:500px;overflow:hidden;box-shadow:0 20px 50px #0000004d}.modal-header{background:linear-gradient(135deg,#0061ff,#60efff);padding:20px;text-align:center;color:#fff}.modal-header h3{font-size:24px}.modal-body{padding:30px;text-align:center}.modal-footer{padding:20px;display:flex;justify-content:center}#cameraContainer{display:none;margin-top:30px;text-align:center}#cameraPreview{max-width:100%;border-radius:12px;box-shadow:0 5px 15px #0000001a;border:3px solid white;background:#333}#cameraControls{margin-top:20px;display:flex;justify-content:center;gap:15px}.lang-selector-container{display:flex;align-items:center;gap:15px}@media (max-width: 768px){.header-top{flex-direction:column;gap:20px}.logo{margin-bottom:10px}.header-content h2{font-size:26px}.header-content p{font-size:16px}.card{padding:20px}.card-header h3{font-size:20px}.btn,.file-input-label{padding:12px 25px;font-size:16px}}@media screen and (max-width:450px){.logo,.lang-selector-container{flex-direction:column}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease forwards}.spinner{animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#authOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:2000}.auth-modal{background:#fff;border-radius:15px;padding:30px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 50px #0000004d}.auth-modal input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #d0e0ff;border-radius:8px;font-size:16px}.sg-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:15px}.sg-controls select{padding:8px 12px;border-radius:8px;border:1px solid #d0e0ff;font-size:16px}.sg-controls .ant_select{width:40%!important}@media screen and (max-width: 500px){.sg-controls{flex-direction:column}.sg-controls .ant_select{width:100%!important}}.upload_title_container{margin:20px 0}.home{padding:0 5vw}.home .header-top{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.home .center{display:flex;align-items:center;justify-content:center}/*!
* 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{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-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-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{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:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{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}._sidebar_14lg1_1{position:fixed;top:0;height:100svh;left:0;border-right:1px solid #3275f3;padding:10px 5px;width:60px;z-index:10;background-color:#fff;display:flex;overflow:hidden;transition:all;transition-duration:.3s;overflow-y:hidden}._sidebar_14lg1_1._open_14lg1_18{width:300px}._sidebar_content_14lg1_22{width:100%;height:100%}._button_container_14lg1_27{width:100%;display:flex;align-items:center;justify-content:center}._sidebar_14lg1_1._open_14lg1_18 ._button_container_14lg1_27{justify-content:space-between;border-bottom:1px solid rgba(93,93,104,.473);padding-bottom:10px}._menu_btn_14lg1_40{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;background-color:inherit;cursor:pointer;border:none;font-size:24px;transition:all;transition-duration:.2s}._menu_btn_14lg1_40:hover{background-color:#d7d7d7}._overlay_14lg1_58{display:none}._overlay_14lg1_58._active_14lg1_62{display:block;width:100%;background-color:#3f3f41a3;position:fixed;left:300px;top:0;z-index:10;height:100vh}._history_text_14lg1_73{display:none;padding-left:5px}._sidebar_14lg1_1._open_14lg1_18 ._history_text_14lg1_73{display:flex}._history_list_14lg1_82{display:none;flex-direction:column;gap:10px;padding:10px 5px;height:calc(100vh - 120px);overflow-y:auto}._history_list_14lg1_82 li{display:flex;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all;transition-duration:.25s}._sidebar_14lg1_1._open_14lg1_18 ._history_list_14lg1_82{display:flex}._show_more_14lg1_113{color:#00f;display:flex;align-items:center;justify-content:center;padding:5px 0!important}._show_more_14lg1_113:hover{background-color:#f0f8ff!important}._log_out_14lg1_125{display:none;align-items:center;justify-content:center;gap:10px;background-color:inherit;height:50px;position:relative;width:100%;bottom:0;border-radius:4px;font-size:16px;border:1px solid red;cursor:pointer;color:red;transition:all;transition-duration:.25s}._log_out_14lg1_125:hover{background-color:red;color:#fff}._log_out_14lg1_125._active_14lg1_62{display:flex}._history_list_14lg1_82 li{background:transparent;color:#333;transition:all .25s ease}._history_list_14lg1_82 li:hover{background:linear-gradient(135deg,#0061ff,#60efff);color:#fff;box-shadow:0 4px 12px #0061ff59;padding-left:15px}._history_list_14lg1_82 li:active{background:linear-gradient(135deg,#0051e6,#4fd8ff);color:#fff}._login_1qwtj_1{width:80%;background:linear-gradient(135deg,#0061ff,#60efff);color:#fff;padding:20px 10px;border-radius:20px;height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto}._login_1qwtj_1>h1{display:flex;align-items:center;justify-content:center;margin-bottom:10px}._form_container_1qwtj_22{border-radius:10px;background-color:#fff;width:50%;margin:0 auto;padding:5px;height:90vh;overflow-y:auto}._form_1qwtj_22{padding:5px}@media screen and (max-width: 900px){._login_1qwtj_1{width:100%}._form_container_1qwtj_22{width:75%}}@media screen and (max-width: 450px){._form_container_1qwtj_22{width:100%}}._login_1puu7_1{width:80%;background:linear-gradient(135deg,#0061ff,#60efff);color:#fff;padding:20px 10px;border-radius:20px;height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto}._login_1puu7_1>h1{display:flex;align-items:center;justify-content:center;margin-bottom:20px}._form_container_1puu7_22{border-radius:10px;background-color:#fff;width:50%;margin:0 auto;padding:10px}._form_1puu7_22{padding:10px}@media screen and (max-width: 900px){._login_1puu7_1{width:100%}._form_container_1puu7_22{width:75%}}@media screen and (max-width: 450px){._form_container_1puu7_22{width:100%}}