:root{--primary-blue:#6d7bff;--dark-bg:#2c2d3a;--light-gray:#f8f9fa;--medium-gray:#6c757d;--success-green:#28a745;--danger-red:#dc3545;--warning-orange:#ffc107;--dark-gray:#343a40}.admin{background:var(--light-gray);display:flex;min-height:100vh;overflow:hidden}.admin .left-side{background:var(--dark-bg);box-shadow:2px 0 10px #0000001a;color:#fff;max-height:100vh;overflow-y:auto;width:280px}.admin .admin-menu{padding:2rem 0}.admin .admin-logo{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding:1rem;text-align:center}.admin .admin-logo img{border-radius:50%;height:80px;object-fit:cover;width:80px}.admin .admin-menu ul{list-style:none;margin:0;padding:0}.admin .admin-menu li{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.admin .admin-menu li:hover{background:#6d7bff1a;border-left-color:var(--primary-blue)}.admin .admin-menu li.active{background:var(--primary-blue);border-left-color:#fff}.admin .center-content,.admin .center-content-wide{flex:1;max-height:100vh;overflow-y:auto;padding:2rem}.admin .admin-dashboard{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.admin .center-content-cover{border-radius:20px;box-shadow:0 20px 60px #00000026;height:350px;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.admin .cover-background{height:100%;position:relative;width:100%}.admin .cover-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.admin .cover-overlay{align-items:center;backdrop-filter:blur(8px);background:linear-gradient(135deg, #6d7bffd9, #5a67d8bf 30%, #4c63d2cc 70%, #4338cae6);bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;padding:2.5rem;position:absolute;right:0;top:0;z-index:2}.admin .cover-content{display:flex;flex:1;flex-direction:column;gap:2rem;z-index:3}.admin .welcome-section h1{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.admin .welcome-section p{font-size:1.2rem;font-weight:500;opacity:.9}.admin .header-info-section{display:flex;flex-direction:column;gap:1.5rem}.admin .client-name,.admin .client-name-section{align-items:center;display:flex;gap:1rem}.admin .client-name{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:1rem;text-shadow:2px 2px 8px #0006}.admin .client-name svg{cursor:pointer;font-size:1.8rem;margin-left:1rem;opacity:.8;transition:all .3s ease}.admin .client-name svg:hover{opacity:1;transform:scale(1.1)}.admin .center-content-insights{display:flex;flex-wrap:wrap;gap:1.5rem}.admin .stat-card{backdrop-filter:blur(15px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:16px;box-shadow:0 8px 32px #0000001a;min-width:140px;padding:1.8rem 1.2rem;text-align:center;transition:all .4s cubic-bezier(.4, 0, .2, 1)}.admin .stat-card:hover{background:#ffffff47;border-color:#fff6;box-shadow:0 16px 40px #0003;transform:translateY(-4px) scale(1.02)}.admin .stat-label{color:#ffffffe6;display:block;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.8rem;text-transform:uppercase}.admin .stat-value{color:#fff;display:block;font-size:2rem;font-weight:800;text-shadow:0 2px 8px #0003}.admin .change-logo{align-items:center;backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#ffffffe6;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;padding:.8rem;position:absolute;top:4.5rem;transition:all .3s ease;width:48px;z-index:4}.admin .change-logo.small{right:1rem;top:1rem}.admin .change-logo:hover{background:#ffffff40;box-shadow:0 8px 25px #0003;color:#fff;transform:scale(1.1)}.admin .edit-client-name{background:#fff3;border-radius:8px;cursor:pointer;padding:.5rem;transition:all .3s ease}.admin .edit-client-name:hover{background:#ffffff4d;transform:scale(1.1)}.admin .brand-section{align-items:center;display:flex;justify-content:center;min-width:120px}.admin .brand-section .admin-cover{backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:16px;cursor:pointer;height:100px;overflow:hidden;position:relative;transition:all .3s ease;width:100px}.admin .brand-section .admin-cover:hover{box-shadow:0 8px 25px #0000004d;transform:scale(1.05)}.admin .brand-section img{height:100%;object-fit:cover;width:100%}.admin .edit-input{align-items:center;backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;gap:1rem;padding:1rem}.admin .edit-input input{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#000;flex:1;font-size:1.2rem;font-weight:600;padding:.75rem}.admin .edit-input input::placeholder{color:#000}.admin .edit-input svg{cursor:pointer;font-size:1.2rem;transition:all .3s ease}.admin .edit-input svg:hover{transform:scale(1.2)}.admin .form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.admin .form-group{margin-bottom:1.5rem}.admin .form-group label{color:var(--dark-bg);display:block;font-weight:600;margin-bottom:.5rem}.admin .form-group input,.admin .form-group select{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.admin .form-group input:focus,.admin .form-group select:focus{border-color:var(--primary-blue);outline:none}.admin .filter-data{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:1.5rem;height:fit-content;max-height:500px;overflow-y:auto;padding:2rem}.admin .filter-data .type-filter{display:flex;flex-direction:column;gap:1rem}.admin .filter-data .type-filter>div{display:flex;flex-direction:column;gap:.5rem}.admin .filter-data label{align-items:center;color:var(--dark-gray);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.admin .filter-data label svg{color:var(--primary-blue)}.admin .filter-data input,.admin .filter-data select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.admin .filter-data input:focus,.admin .filter-data select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #6d7bff1a;outline:none}.admin .filter-data input:hover,.admin .filter-data select:hover{border-color:#c3c9d1}.admin .filter-data .react-datepicker-wrapper{width:100%}.admin .filter-data .react-datepicker__input-container{position:relative;width:100%}.admin .filter-data .react-datepicker__input-container input{padding-right:2.5rem}.admin .filter-data .react-datepicker__close-icon{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.2rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.admin .filter-data .react-datepicker__close-icon:hover{color:var(--primary-blue)}.admin .filter-data .filters{margin-top:1rem}.admin .filter-data .filters ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.admin .filter-data .filters li{background:#f8f9fa;border:2px solid #0000;border-radius:20px;color:var(--dark-gray);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.admin .filter-data .filters li.active,.admin .filter-data .filters li:hover{background:var(--primary-blue);color:#fff}.admin .filter-data .filters li.active{border-color:var(--primary-blue)}.admin .profile-btn{background:linear-gradient(135deg, var(--primary-blue), #5a67d8);border:none;border-radius:8px;box-shadow:0 4px 15px #6d7bff4d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.admin .profile-btn:hover{box-shadow:0 6px 20px #6d7bff66;transform:translateY(-2px)}.admin .danger{background:var(--danger-red);box-shadow:0 4px 15px #dc35454d}.admin .wider{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px;height:calc(100vh - 4rem);overflow:hidden}.admin .reports-container{display:grid;gap:2rem;grid-template-columns:300px 1fr;height:calc(100vh - 200px)}.admin .charts-area{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow-y:auto;padding:2rem}.admin .chart-placeholder{color:var(--dark-gray);padding:3rem;text-align:center}.admin .chart-placeholder h4{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.admin .chart-content{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:2rem}.admin .big-item-holder{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1.5rem;position:relative}.admin .big-item-holder .search{background:#fff;border:2px solid #e9ecef;border-radius:8px;flex-shrink:0;font-size:1rem;margin-bottom:1rem;padding:.75rem;position:sticky;top:0;width:100%;z-index:10}.admin .big-item-holder .search:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #6d7bff1a;outline:none}.admin .big-item-holder .search-icon{color:var(--medium-gray);cursor:pointer;font-size:1.2rem;position:absolute;right:2.5rem;top:2.25rem;transition:color .3s ease}.admin .big-item-holder .search-icon:hover{color:var(--primary-blue)}.admin .big-item{align-items:center;background:#f8f9fa;border-left:4px solid #0000;border-radius:10px;color:var(--dark-bg);cursor:pointer;display:flex;flex-shrink:0;font-weight:500;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .3s ease}.admin .big-item:hover{background:#6d7bff1a;border-left-color:var(--primary-blue);box-shadow:0 2px 8px #6d7bff26;transform:translateX(4px)}.admin .big-item:last-child{margin-bottom:0}.admin .big-item svg{color:var(--medium-gray);font-size:1.1rem;transition:color .3s ease}.admin .big-item:hover svg{color:var(--primary-blue)}.admin .search{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.admin .search:focus{border-color:var(--primary-blue);outline:none}.admin .chart-data,.admin .chart-data-detail{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.admin .chart-holder{display:grid;gap:2rem;grid-template-columns:1fr 300px}.admin .listing-data{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;width:100%}.admin .listing-data th{background:var(--primary-blue);color:#fff;font-weight:600;padding:1rem;text-align:left}.admin .listing-data td{border-bottom:1px solid #e9ecef;padding:1rem}.admin .listing-data tr:hover{background:#6d7bff0d}.admin .right-panel{background:#fff;border-left:1px solid #e9ecef;box-shadow:-2px 0 10px #0000000d;height:100%;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1.5rem;width:320px}.admin .featured{flex:1;margin-bottom:2rem;max-height:calc(100vh - 350px);overflow-y:auto;padding-right:.5rem}.admin .featured::-webkit-scrollbar{width:6px}.admin .featured::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.admin .featured::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:10px;transition:background .3s ease}.admin .featured::-webkit-scrollbar-thumb:hover{background:#5a67d8}.admin .featured.scrollable{background:#6d7bff05;border:1px solid #6d7bff33;border-radius:12px;padding:1rem}.admin .side-header{flex-shrink:0;margin-bottom:1rem}.admin .category-title{border-bottom:2px solid var(--primary-blue);color:var(--dark-bg);font-size:1.2rem;font-weight:600;margin:0;padding-bottom:.5rem}.admin .workspace-list{display:flex;flex:1;flex-direction:column;gap:1rem;overflow-y:auto}.admin .quiz-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 15px #00000014;flex-shrink:0;overflow:hidden;transition:all .3s ease}.admin .quiz-card:hover{border-color:var(--primary-blue);box-shadow:0 8px 25px #6d7bff26;transform:translateY(-4px)}.admin .quiz-image-container{height:120px;overflow:hidden;position:relative}.admin .quiz-cover-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.admin .quiz-card:hover .quiz-cover-image{transform:scale(1.05)}.admin .quiz-overlay{align-items:center;background:#6d7bffcc;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.admin .quiz-card:hover .quiz-overlay{opacity:1}.admin .quiz-play-btn{align-items:center;background:#fff;border:none;border-radius:50%;color:var(--primary-blue);cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.admin .quiz-play-btn:hover{box-shadow:0 4px 15px #ffffff4d;transform:scale(1.1)}.admin .quiz-content{padding:1rem}.admin .quiz-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--dark-bg);cursor:pointer;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .75rem;overflow:hidden;transition:color .3s ease}.admin .quiz-title:hover{color:var(--primary-blue)}.admin .quiz-meta{display:flex;flex-direction:column;gap:.5rem}.admin .quiz-info{align-items:center;color:var(--medium-gray);display:flex;font-size:.85rem;gap:.5rem}.admin .quiz-info.plays{color:var(--primary-blue);font-weight:500}.admin .info-icon{flex-shrink:0;font-size:.9rem}.admin .centered-quizzes{margin:0 auto;max-width:1200px}.admin .search-group{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.admin .search-group input{border:none;flex:1;font-size:1rem;outline:none;padding:.5rem}.admin .find-btn{background:var(--primary-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem;transition:all .3s ease}.admin .find-btn:hover{background:#5a67d8;transform:translateY(-1px)}.admin .featured-section{margin-bottom:3rem}.admin .section-header{margin-bottom:1.5rem}.admin .section-title{border-bottom:3px solid var(--primary-blue);color:var(--dark-bg);display:inline-block;font-size:1.8rem;font-weight:700;margin:0;padding-bottom:.75rem}.admin .quiz-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}.admin .quiz-card-main{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 6px 20px #00000014;overflow:hidden;transition:all .3s ease}.admin .quiz-card-main:hover{border-color:var(--primary-blue);box-shadow:0 12px 30px #6d7bff26;transform:translateY(-6px)}.admin .quiz-card-main .quiz-image-container{height:180px}.admin .quiz-card-main .quiz-content{padding:1.5rem}.admin .quiz-card-main .quiz-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.admin .quiz-card-main .quiz-meta{gap:.75rem}.admin .quiz-card-main .quiz-info{font-size:.9rem;padding:.25rem 0}@media(max-width:1200px){.admin .right-panel{width:280px}.admin .quiz-grid{gap:1rem;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.admin .wider{gap:1.5rem;grid-template-columns:1fr 350px}}@media(max-width:992px){.admin .wider{gap:2rem;grid-template-columns:1fr;height:auto}.admin .big-item-holder{max-height:400px}.admin .center-content-insights{gap:1rem;grid-template-columns:1fr}.admin .admin-dashboard{gap:1.5rem}.admin .cover-content{flex-direction:column;gap:1rem;text-align:center}.admin .brand-section{text-align:center}}@media(max-width:768px){.admin{flex-direction:column;overflow:auto}.admin .left-side{height:auto;max-height:none;width:100%}.admin .chart-holder{grid-template-columns:1fr}.admin .right-panel{display:none}.admin .quiz-grid{grid-template-columns:1fr}.admin .header,.admin .section-title{font-size:1.5rem}.admin .header{margin-bottom:1.5rem}.admin .big-item{font-size:.9rem;padding:.75rem 1rem}.admin .big-item-holder{max-height:300px;padding:1rem}.admin .center-content-insights{padding:1rem}.admin .insight-card{padding:1.5rem 1rem}.admin .insight-value{font-size:2.5rem}.admin .welcome-section h1{font-size:2rem}.admin .brand-section h2{font-size:1.5rem}.admin .cover-overlay{flex-direction:column;gap:2rem;padding:2rem 1.5rem;text-align:center}.admin .client-name{font-size:2.2rem;justify-content:center;text-align:center}.admin .center-content-insights{gap:1rem;justify-content:center}.admin .stat-card{min-width:120px;padding:1.5rem 1rem}.admin .stat-value{font-size:1.8rem}.admin .change-logo{font-size:1.2rem;height:40px;padding:.6rem;top:1.5rem;width:40px}.admin .change-logo.small{right:1rem;top:1rem}}.admin .hidden-data{display:none}.admin .pagination{background:var(--primary-blue);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;margin-top:1rem;padding:.5rem 1rem}.admin .pagination:hover{background:#5a67d8}.admin .error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:1rem;padding:.75rem}.admin .loader-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin .header{border-bottom:3px solid var(--primary-blue);color:var(--dark-bg);display:block;font-size:2rem;font-weight:700;letter-spacing:.5px;margin-bottom:2rem;padding-bottom:.75rem;text-transform:uppercase}.admin .form.disabled{background:#f5f5f5;opacity:.6;pointer-events:none}.admin .form.disabled input,.admin .form.disabled select{background:#e9ecef;cursor:not-allowed}
:root{--primary-gradient:linear-gradient(135deg, #667eea, #764ba2);--secondary-gradient:linear-gradient(135deg, #f093fb, #f5576c);--success-gradient:linear-gradient(135deg, #4facfe, #00f2fe);--text-primary:#2d3748;--text-secondary:#4a5568;--text-light:#718096;--white:#fff;--shadow-soft:0 10px 25px #0000001a;--shadow-medium:0 20px 40px #00000026;--border-radius:16px;--border-radius-small:8px}.attend{-webkit-touch-callout:none;align-items:center;background:var(--primary-gradient);display:flex;height:100%;justify-content:center;min-height:100vh;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.attend:before{background:radial-gradient(circle at 20% 80%, #7877c64d 0, #0000 50%),radial-gradient(circle at 80% 20%, #ffffff1a 0, #0000 50%),radial-gradient(circle at 40% 40%, #7877c633 0, #0000 50%);content:""}.attend-background-pattern,.attend:before{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.attend-background-pattern{background-image:radial-gradient(circle at 25px 25px, #ffffff1a 2px, #0000 0),radial-gradient(circle at 75px 75px, #ffffff0d 2px, #0000 0);background-size:100px 100px;opacity:.3}.attend-close{backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;color:#fffc;cursor:pointer;font-size:32px;padding:8px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:1000}.attend-close:hover{background:#fff3;color:var(--white);transform:scale(1.1)}.attend-page{animation:slideUp .6s ease-out;backdrop-filter:blur(20px);background:var(--white);border:1px solid #fff3;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);margin:20px;max-width:480px;padding:40px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.attend-header{margin-bottom:32px;text-align:center}.attend-logo{align-items:center;display:inline-flex;justify-content:center;margin-bottom:16px}.logo-icon{border-radius:12px;height:100px;position:relative;width:100px}.logo-icon:after{border-radius:6px;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:24px}.logo-icon img{height:100px;width:100px}.attend-page .slogan{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.4;margin-bottom:16px;text-align:center}.attend-page .info .slogan{font-size:32px;margin-bottom:8px;text-align:left}.attend-page small{color:var(--text-light);display:block;font-size:16px;line-height:1.6;margin-bottom:32px;text-align:center}.attend-page .group{margin-bottom:24px}.attend-page .group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.input-wrapper{display:block;position:relative}.attend-page input{background:var(--white);border:2px solid #e2e8f0;border-radius:var(--border-radius-small);color:var(--text-primary);display:block;font-family:inherit;font-size:16px;height:56px;padding:16px 20px;transition:all .3s ease;width:100%}.attend-page input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.attend-page input::placeholder{color:var(--text-light)}.button-wrapper{margin-top:32px;text-align:center}.attend-page .continue{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--border-radius-small);box-shadow:var(--shadow-soft);color:var(--white);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-width:200px;overflow:hidden;padding:16px 32px;position:relative;text-align:center;transition:all .3s ease}.attend-page .continue:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.attend-page .continue:active{transform:translateY(0)}.button-text{position:relative;z-index:2}.button-shine{background:linear-gradient(90deg, #0000, #fff3, #0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.attend-page .continue:hover .button-shine{left:100%}.completion-state{flex-direction:column;padding:20px 0;text-align:center}.completion-state,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{animation:successPulse .6s ease-out;background:var(--success-gradient);border-radius:50%;height:80px;margin:0 auto 32px;width:80px}@keyframes successPulse{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.checkmark{animation:checkmarkDraw .3s ease-out .3s both;border:3px solid var(--white);border-right:none;border-top:none;height:24px;margin-top:-6px;transform:rotate(-45deg);width:24px}@keyframes checkmarkDraw{0%{height:0;width:0}to{height:12px;width:24px}}.completion-content{max-width:100%;text-align:center;width:100%}.completion-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:block;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:16px;text-align:center}.completion-subtitle{color:var(--text-secondary);display:block;font-size:16px;line-height:1.6;margin:0;max-width:100%;text-align:center}.attend-page .sub-slogan{display:none}@media(max-width:600px){.attend-page{border-radius:12px;margin:16px;padding:24px}.attend-page .slogan{font-size:24px}.attend-page .info .slogan{font-size:28px}.completion-title{font-size:24px;margin-bottom:12px}.completion-subtitle{font-size:15px}.attend-close{font-size:28px;right:16px;top:16px}.logo-icon{height:40px;width:40px}.logo-icon:after{height:20px;width:20px}.success-icon{height:70px;margin-bottom:24px;width:70px}}@media(max-width:480px){.attend-page{margin:12px;padding:20px}.attend-page .continue{min-width:auto;width:100%}.completion-title{font-size:22px}.completion-subtitle{font-size:14px}}