.tagClass{background-color:#fff8dc;margin-right:3px;padding:3px}.new-quiz-page .certicicate-holder .certificate-body{display:block}.new-quiz-page .certicicate-holder .loader-spin{background-color:#0000 !important;color:#ffa012 !important;font-size:2em !important;left:10px;padding:10px;position:absolute}.new-quiz-page .certicicate-holder svg.awd{color:gold !important;display:block;font-size:50px !important;height:100px;margin-top:10px;opacity:.3;pointer-events:none;position:absolute;right:10px;width:100px}.new-quiz-page .quiz-options-menu{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:.75rem 1.5rem;width:100%}.new-quiz-page .quiz-options-left{align-items:center;display:flex;width:230px;z-index:1}.new-quiz-page .back-button-container{align-items:center;color:#333;cursor:pointer;display:flex}.new-quiz-page .back-button-container svg{font-size:1.5rem;margin-right:.5rem}.new-quiz-page .back-button-container .quiz-name{font-size:1.1rem;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-quiz-page .quiz-options-center{display:flex;flex:1;justify-content:center;margin-left:-230px}.new-quiz-page .quiz-tabs{display:flex;gap:1rem}.new-quiz-page .quiz-tabs .quiz-tab{align-items:center;border-radius:4px;color:#666;cursor:pointer;display:flex;padding:.5rem 1rem;transition:all .2s ease}.new-quiz-page .quiz-tabs .quiz-tab svg{font-size:1.2rem;margin-right:.5rem}.new-quiz-page .quiz-tabs .quiz-tab:hover{background-color:#f5f7ff;color:#4a6cf7}.new-quiz-page .quiz-tabs .quiz-tab.active{background-color:#4a6cf7;color:#fff}.new-quiz-page .quiz-options-right{align-items:center;display:flex}.new-quiz-page .template-selector{margin:0;padding:0}.new-quiz-page .cert-logo svg:hover{background-color:#ffa012 !important;color:#fff !important}.new-quiz-page .cert-logo svg{background-color:#fff !important;border-radius:25px !important;color:#6d7bff !important;cursor:pointer;display:block;font-size:10px !important;left:85px;margin-top:-20px;opacity:1;padding:5px;position:absolute;text-decoration:underline}.new-quiz-page .certificate-wrapper{margin:auto;max-width:700px}.new-quiz-page .certicicate-holder .cert-date{bottom:25px;color:#2c2d3a;font-size:13px;left:50px;opacity:.5;position:absolute}.new-quiz-page .cert-provider:hover{background-color:#fff}.new-quiz-page .cert-provider{background-color:hsla(0,0%,100%,.627);bottom:0;color:#2c2d3a;cursor:pointer;font-size:2rem;font-weight:800;min-width:50px;padding:5px;position:absolute;right:0;text-align:center;z-index:999999}.new-quiz-page .cert-template{align-items:center;display:flex;justify-content:center}.new-quiz-page .cert-template img:hover{border:2px solid #515bd4}.new-quiz-page .cert-template img{cursor:pointer;margin:2px;max-height:35px}.new-quiz-page .certicicate-holder{background-color:#fff !important;background-position:50% !important;background-repeat:no-repeat;background-size:700px 300px;border-radius:5px;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d;display:flex;flex-direction:column;height:300px;justify-content:space-between;justify-content:flex-start;margin:30px auto;max-width:700px;padding:15px;position:relative}.new-quiz-page .cert-logo img{border-radius:4px;max-width:80px}.new-quiz-page .cert-logo{align-self:flex-start;display:block;left:22px;min-height:80px;position:absolute;top:17px}.new-quiz-page .cert-save{align-self:flex-end}.new-quiz-page .cert-title{align-self:center;display:block;font-size:2.5em;font-weight:900;height:60px;margin-top:40px;text-shadow:0 1px 1px #000,0 1px 1px rgba(62,53,163,.208)}.new-quiz-page .cert-title small{display:block;font-size:1.2rem !important;font-weight:600 !important;height:30px;margin-top:10px;text-shadow:none;width:100%}.new-quiz-page .cert-name{align-self:center;color:#6d7bff;font-family:Monospace;font-size:1.3em;font-weight:700 !important;letter-spacing:2px;line-height:1.3em;margin:15px auto;max-width:600px}.new-quiz-page .certificate-body{color:#2c2d3a;justify-content:space-around;text-align:center}.new-quiz-page .cert-user{align-self:center;font-family:cursive;font-size:1.3em;font-weight:800;letter-spacing:2px}@media(max-height:800px){.new-quiz-page .quiz-options-center{justify-content:flex-end}.new-quiz-page .certicicate-holder .cert-date{display:none}}@media(max-width:500px){.new-quiz-page .certicicate-holder .cert-date{display:none}.new-quiz-page .quiz-options-center{justify-content:flex-end;margin:0 !important}.new-quiz-page .certicicate-holder .cert-title{font-size:1.1em !important;margin-top:10px;text-shadow:none}.new-quiz-page .certicicate-holder .cert-title small{font-size:.8em !important;margin:0;text-shadow:none}.new-quiz-page .cert-user{padding-top:0}.new-quiz-page .certicicate-holder{max-width:350px;min-height:auto}.new-quiz-page .certicicate-holder svg.awd{max-width:30px;right:10px;top:-20px}.new-quiz-page .certicicate-holder .certificate-body{margin:30px 20px}.new-quiz-page .certicicate-holder .cert-logo img{margin-top:10px}}
.register-wrapper{align-items:center;background:linear-gradient(135deg, #6d7bff14, #6d7bff0a);display:flex;justify-content:center;min-height:100vh;padding:2rem;position:absolute;width:100%;z-index:0}.register{margin:54px auto;max-width:600px;position:relative;width:100%}.register .loader-spin{align-items:center;align-self:center;animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6d7bff;display:flex;flex-direction:column;gap:2rem;height:3rem;justify-content:center;justify-self:center;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.register .form-box{backdrop-filter:blur(20px);background:#fff;border-radius:2rem;box-shadow:0 25px 50px -12px #6d7bff26,0 -10px 50px -12px #6d7bff0d,0 0 0 1px #6d7bff0d;display:flex;flex-direction:column;overflow:hidden;position:relative}.register .form-box:before{background:linear-gradient(90deg, #03c2a8, #03c2a8);content:"";height:8px;left:0;position:absolute;right:0;top:0}.register .form-box .form-left{background:#fff;flex:1;min-width:400px;padding:1.25rem 3rem;position:relative}.register .form-box .form-left .form-holder{margin:0 auto;max-width:600px}.register .form-shadow{background:#fff;border-radius:1.25rem;padding:1.5rem;transition:all .3s ease}.register .form-shadow:hover{border-color:#6d7bff33;box-shadow:0 20px 40px #6d7bff1a;transform:translateY(-2px)}.register .form-group{margin-bottom:1rem;position:relative}.register .form-group label{color:#374151;display:block;font-size:.9375rem;font-weight:600;margin-bottom:.75rem;transition:color .2s ease}.register .form-group input{background-color:#fff;border:1px solid #37415133;border-radius:.2rem;color:#374151;font-size:.9375rem;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.register .form-group input:focus{border-color:#6d7bff;box-shadow:0 0 0 4px #6d7bff1a;outline:none}.register .form-group input:hover{border-color:#6d7bff}.register .form-group input::placeholder{color:#9ca3af}.register .form-group small{color:#6b7280;display:block;font-size:.8125rem;line-height:1.5;margin-top:.75rem}.register .pwd,.register .pwd .password-input-wrapper{position:relative}.register .pwd .password-input-wrapper .password-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2}.register .pwd .password-input-wrapper .password-toggle:hover{color:#6d7bff}.register .pwd .password-input-wrapper .password-toggle svg{font-size:1.25rem;position:static}.register .pwd .password-requirements{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.register .pwd .password-requirements.visible{margin-top:.75rem;max-height:3rem;opacity:1}.register .pwd .password-requirements small{font-size:.75rem;margin-top:0}.register .register-btn{background:linear-gradient(135deg, #6d7bff, #5850ec);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1.125rem;position:relative;transition:all .3s cubic-bezier(.4, 0, .2, 1);width:100%}.register .register-btn:before{background:linear-gradient(45deg, #0000, #fff3 50%, #0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s cubic-bezier(.4, 0, .2, 1);width:100%}.register .register-btn:hover{box-shadow:0 12px 24px #6d7bff40;transform:translateY(-2px)}.register .register-btn:hover:before{transform:translateX(100%)}.register .register-btn:active{box-shadow:0 5px 15px #6d7bff33;transform:translateY(1px)}.register .login-hint,.register .login-option{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.75rem 0;transition:all .2s ease}.register .login-hint svg,.register .login-option svg{color:#6d7bff;font-size:1.375rem;transition:transform .2s ease}.register .login-hint:hover,.register .login-option:hover{color:#374151}.register .login-hint:hover svg,.register .login-option:hover svg{transform:translateX(4px)}.register .login-option svg{transform:translateX(0)}.register .login-option svg:hover{transform:translateX(-4px)}.register .register-options{margin-top:2.5rem;text-align:center}.register .register-options a{color:#6d7bff;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s ease}.register .register-options a:hover{color:#5850ec;text-decoration:underline}.register .legal-links{display:flex;flex-direction:row;justify-content:center;margin-top:20px}.register .legal-links a{background:#6d7bff0d;border-radius:.75rem;color:#6d7bff;font-size:.8125rem;font-weight:500;margin:5px;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.register .legal-links a:hover{background:#6d7bff1a;color:#5850ec;transform:translateY(-1px)}.register .legal-links a:active{transform:translateY(0)}.register .legality{align-items:center;border-top:1px solid #6d7bff1a;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-top:2rem;padding-top:2rem}.register .legality label{color:#6b7280;font-size:.8125rem}.register .register-slogan{display:block;font-size:.9375rem;font-weight:500;margin-bottom:2rem;text-align:center}.register .register-slogan.err{animation:shake .5s cubic-bezier(.36, .07, .19, .97) both;background:linear-gradient(135deg, #ef44441a, #ef44440d);border:1px solid #ef444433;box-shadow:0 4px 12px #ef44441a;color:#ef4444;padding:1rem 1.5rem}.register .registered{text-align:center}.register .registered .form-shadow{background:linear-gradient(135deg, #10b9811a, #10b9810d);border:1px solid #10b98133;color:#059669;font-size:1.125rem;font-weight:500}.register .registered .register-btn{display:inline-block;margin-top:2rem;min-width:200px;padding:1.125rem 2rem;width:auto}.register .register-title{color:#374151;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.register .divider{margin:1rem 0;position:relative;text-align:center}.register .divider:before{background:#6d7bff1a;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.register .divider span{background:#fff;color:#6b7280;font-size:.9375rem;padding:0 1rem;position:relative}.register .social-section{margin-bottom:1rem}.register .social-title{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.register .login-link-top{align-items:center;display:flex;font-size:.9375rem;gap:.5rem;justify-content:flex-end;margin-bottom:1.5rem}.register .login-link-top span{color:#6b7280}.register .login-link-top a{color:#6d7bff;font-weight:600;text-decoration:none;transition:all .2s ease}.register .login-link-top a:hover{color:#5850ec;text-decoration:underline}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}@media(max-width:768px){.register-wrapper{padding:0}.register .form-box{border-radius:0}.register .form-box .form-left{min-width:unset;padding:2rem}.register .form-shadow{padding:2rem}.register .form-group{margin-bottom:1.5rem}.register .form-group input{padding:.875rem 1rem}.register .register-btn{padding:1rem}.register .legality{flex-direction:column;gap:1rem;text-align:center}.register .legality a{display:inline-block}}@media(max-height:800px){.register-wrapper{height:auto;min-height:100vh;padding:1rem 0}}
.notfound{background-color:rgba(82,45,168,.369);display:block;font-size:20px;height:100vh;text-align:center;z-index:0}.notfound img{color:#fff;font-size:40px;margin:20% auto;max-width:300px;padding-top:10px;text-align:center;vertical-align:middle}