.notification-wrapper[data-v-f1ce865f]{position:relative;display:inline-block}.notification-container[data-v-f1ce865f]{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:5px 10px}.notification-icon[data-v-f1ce865f]{position:relative;font-size:1.5rem}.bell-icon[data-v-f1ce865f]{font-size:1.5rem;background:#222;-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.notification-badge[data-v-f1ce865f]{position:absolute;top:-5px;right:-8px;background:#e74c3c;color:#fff;font-size:.7rem;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-label[data-v-f1ce865f]{font-size:.75rem;color:#7f8c8d;margin-top:2px}.notification-dropdown[data-v-f1ce865f]{position:absolute;top:100%;right:0;width:350px;background:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;z-index:1000}.dropdown-header[data-v-f1ce865f]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0}.dropdown-header h4[data-v-f1ce865f]{margin:0;color:#2c3e50;font-size:1rem}.notification-wrapper[data-v-f1ce865f]:after{content:"";position:absolute;top:100%;right:0;width:350px;height:15px;background:transparent;pointer-events:none}.mark-all-read[data-v-f1ce865f]{background:none;border:none;color:#318c73;font-size:.85rem;cursor:pointer;font-weight:500}.mark-all-read[data-v-f1ce865f]:hover{text-decoration:underline}.dropdown-content[data-v-f1ce865f]{max-height:400px;overflow-y:auto}.dropdown-loading[data-v-f1ce865f],.no-notifications[data-v-f1ce865f]{padding:30px 20px;text-align:center;color:#95a5a6}.notification-item[data-v-f1ce865f]{padding:15px 20px;border-bottom:1px solid #f0f0f0;transition:background .2s}.notification-item[data-v-f1ce865f]:hover{background:#f8f9fa}.notification-item.unread[data-v-f1ce865f]{background:#ebf5ff}.notification-text[data-v-f1ce865f]{display:block;margin-bottom:12px;font-size:.95rem;color:#333;line-height:1.4}.notification-actions[data-v-f1ce865f]{display:flex;gap:10px}.notification-actions.single[data-v-f1ce865f]{justify-content:flex-end}.btn-accept[data-v-f1ce865f],.btn-decline[data-v-f1ce865f],.btn-ok[data-v-f1ce865f]{padding:6px 12px;border:none;border-radius:4px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s}.btn-accept[data-v-f1ce865f]{background:#318c73;color:#fff}.btn-accept[data-v-f1ce865f]:hover{background:#2a7a63}.btn-decline[data-v-f1ce865f]{background:#e0e0e0;color:#333}.btn-decline[data-v-f1ce865f]:hover{background:#e74c3c;color:#fff}.btn-ok[data-v-f1ce865f]{background:#3498db;color:#fff;min-width:60px}.btn-ok[data-v-f1ce865f]:hover{background:#2980b9}.see-all[data-v-f1ce865f]{padding:12px 20px;text-align:center;border-top:1px solid #f0f0f0}.see-all a[data-v-f1ce865f]{color:#318c73;text-decoration:none;font-weight:500;font-size:.9rem}.see-all a[data-v-f1ce865f]:hover{text-decoration:underline}@media(max-width:1025px){.notification-wrapper[data-v-f1ce865f]{position:static}.notification-wrapper .notification-dropdown[data-v-f1ce865f]{position:fixed;top:80px;left:50%;transform:translate(-50%);width:350px;max-width:90vw;z-index:9999;display:none}.notification-wrapper .notification-dropdown.show[data-v-f1ce865f]{display:block!important}.notification-wrapper[data-v-f1ce865f]:after{display:none}}@media(max-width:768px){.notification-wrapper .notification-dropdown[data-v-f1ce865f]{top:130px}.app-header.header-collapsed .notification-wrapper .notification-dropdown[data-v-f1ce865f]{position:fixed;top:60px;left:50%;transform:translate(-50%);width:350px;max-width:90vw;z-index:9999}}@media(max-width:376px){.notification-wrapper .notification-dropdown[data-v-f1ce865f]{top:125px;width:320px;max-width:95vw}}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:20px}.app-footer{background:#318c73;color:#fff;text-align:center;padding:20px;margin-top:auto;font-size:.9rem}.footer-content{max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:15px;margin-bottom:10px;flex-wrap:wrap}.footer-links a{color:#ffffffd9;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-separator{color:#fff6}.footer-copy{font-size:.8rem;opacity:.7;margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8f9fa}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:0 15px;position:sticky;top:0;z-index:1000;transition:all .3s ease}.app-nav{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 0;flex-wrap:wrap}.nav-brand a{text-decoration:none!important;border-bottom:none!important}.nav-brand h1{color:#318c73;font-size:1.5rem;margin:0;white-space:nowrap}.nav-brand .btn-logout{display:none}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.8rem;cursor:pointer;color:#318c73;padding:5px}.nav-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:1.1rem}.nav-links a{text-decoration:none;color:#495057;font-weight:500;transition:color .3s;white-space:nowrap;transition:all .3s ease}.nav-links a:hover{color:#318c73}.active-home,.active-create,.active-explore,.active-home-mobile,.active-classes,.dropdown-toggle.active-results{color:#318c73!important}.app-header.header-collapsed .nav-links-collapsed .active-home-mobile,.app-header.header-collapsed .nav-links-collapsed .active-create-mobile,.app-header.header-collapsed .nav-links-collapsed .active-classes-mobile,.app-header.header-collapsed .nav-links-collapsed .active-explore-mobile,.app-header.header-collapsed .nav-links-collapsed .dropdown-toggle.active-results,.active-mode{color:#318c73!important;font-weight:600}.user-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#495057;font-weight:500}.user-avatar{background:#318c73;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.btn-login,.btn-signup,.btn-logout{padding:6px 16px;border-radius:5px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;font-size:.9rem;white-space:nowrap}.btn-login{border:2px solid #318C73;color:#318c73;background:transparent;font-weight:600!important}.btn-signup{background:#318c73;color:#fff!important;border:none}.btn-signup:hover{background:#2a7a63}.btn-logout{background:#8b8686;color:#fff;border:none}.btn-logout:hover{background:#c0392b}.nav-dropdown{position:relative;display:inline-block}.dropdown-toggle{background:none;border:none;color:#495057;font-weight:500;font-size:1rem;cursor:pointer;padding:8px 0;font-family:inherit;white-space:nowrap}.dropdown-toggle:hover{color:#318c73}.dropdown-menu{position:absolute;top:100%;left:-50px;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:160px;box-shadow:0 4px 12px #0000001a;z-index:100;display:none;padding:8px 0}.nav-dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:8px 16px;text-decoration:none;color:#495057;transition:all .3s;white-space:nowrap}.dropdown-menu a:hover{background:#f0f7f5;color:#318c73}.nav-links-collapsed{display:none}.nav-right-mobile{display:flex;align-items:center;gap:15px}@media(max-width:1025px){.dropdown-menu.show{display:block!important}.app-header{transition:all .3s ease;padding:0 20px}.app-nav{padding:12px 0;max-width:100%!important}.app-main{max-width:100%!important;padding:20px}.app-header.header-collapsed{padding:5px 15px!important}.app-header.header-collapsed .app-nav{flex-direction:row;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;padding-top:15px!important;padding-bottom:6px}.app-header.logged-in.header-collapsed .app-nav{flex-direction:row;justify-content:space-between;align-items:center;padding-left:0;padding-top:10px!important;padding-bottom:6px}.app-header.header-collapsed .nav-brand h1{font-size:1.2rem!important;color:#318c73!important;margin:0!important;white-space:nowrap!important;display:none!important}.app-header.header-collapsed .btn-logout,.app-header.header-collapsed .nav-links{display:none!important}.app-header.header-collapsed .nav-links-collapsed{display:flex!important;gap:0px;align-items:center}.app-header.header-collapsed .nav-links-collapsed a,.app-header.header-collapsed .nav-links-collapsed .user-link{font-size:1rem!important;color:#495057!important;padding:6px 12px!important;text-decoration:none!important;font-weight:500!important}.app-header.header-collapsed .nav-links-collapsed a:hover,.app-header.header-collapsed .nav-links-collapsed .user-link:hover{color:#318c73!important}.app-header.header-collapsed .nav-links-collapsed .user-link .user-avatar{width:32px!important;height:32px!important;font-size:1.2rem!important;background:#318c73!important;color:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.nav-brand h1{display:flex;font-size:1.3rem;text-align:center!important;justify-content:center!important;width:100%}.nav-links{gap:15px}.nav-links a,.dropdown-toggle,.btn-login,.btn-signup,.btn-logout{font-size:.85rem}.btn-login,.btn-signup,.btn-logout{padding:5px 12px}.user-avatar{width:28px;height:28px;font-size:1rem}.dropdown-menu:not(.show){display:none!important}.dropdown-menu{display:none}.notification-wrapper{position:static}.notification-wrapper .notification-dropdown{position:fixed;top:80px;left:50%;transform:translate(-50%);width:350px;max-width:90vw;z-index:9999}}@media(max-width:768px){.app-header{padding:0 7px;transition:all 0s ease!important;justify-content:center}.dropdown-menu{display:none;left:180px;top:60px}.dropdown-menu:not(.show){display:none!important}.app-nav{flex-wrap:wrap;padding:12px 14px}.nav-dropdown{position:static}.nav-dropdown .dropdown-menu{position:fixed;top:85px;left:75%;transform:translate(-50%);width:150px!important;z-index:9999}.app-header.header-collapsed .dropdown-menu{top:60px;left:67%}.notification-wrapper{position:static}.notification-wrapper .notification-dropdown{position:fixed;top:120px;left:50%;transform:translate(-50%);width:350px;max-width:90vw;z-index:9999}.nav-links .btn-logout{display:none}.nav-brand .btn-logout{display:block}.user-link span:last-child{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.nav-brand{display:flex;font-size:1.4rem;text-align:center;width:100%;justify-content:center}.nav-brand h1{display:flex;font-size:1rem!important;text-align:center;width:100%;justify-content:center;margin-top:3px}.app-header.header-collapsed .nav-brand h1{font-size:1rem!important;display:none!important}.app-header.header-collapsed .btn-logout{display:none!important}.nav-links{gap:0px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:0!important;width:100%!important;margin-top:10px!important;justify-content:flex-start!important;-ms-overflow-style:none;scrollbar-width:none;padding-left:10px}.app-header.logged-in .nav-links{margin-left:0!important;padding-left:0}.nav-links::-webkit-scrollbar{display:none}.nav-links a,.dropdown-toggle,.btn-login,.btn-signup,.btn-logout,.user-link{font-size:1rem!important;padding:6px 5px!important;margin-right:.5px}.btn-login{border:none;color:#495057!important;font-weight:500!important}.btn-signup{background:none;color:#495057!important}.btn-signup:hover{background:none;color:green}.btn-login,.btn-signup,.btn-logout{padding:6px 14px!important}.user-link span:last-child{display:inline-block!important;font-size:.95rem!important}.user-avatar{width:32px!important;height:32px!important;font-size:1.2rem!important}.dropdown-menu{min-width:150px}.dropdown-menu a{padding:10px 14px;font-size:.95rem!important;text-align:center}.btn-logout{font-size:0!important;padding:8px 12px!important;margin-left:20px}.btn-logout:before{content:"Logout";font-size:.8rem!important}.btn-logout span{display:none}.app-main{padding:5px;margin-top:5px}.app-header.header-collapsed .nav-links-collapsed a,.app-header.header-collapsed .nav-links-collapsed .dropdown-toggle,.app-header.header-collapsed .nav-links-collapsed .user-link{margin-top:2px;font-size:1rem!important;padding:4px 7px!important}.app-header.header-collapsed .nav-links-collapsed .user-link .user-avatar .username{width:28px!important;height:28px!important;font-size:1rem!important}.question-component{width:100%;overflow-x:auto}.question-component .question-header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.question-component .question-number,.question-component .question-type-tag,.question-component .points-badge,.question-component .btn-remove{flex-shrink:0;white-space:nowrap}.question-component .question-header{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.question-component .question-number{order:0}.question-number{max-width:49px;font-size:1rem!important}.question-component .question-type-tag{order:1;font-size:.8rem;padding:4px 10px}.question-component .btn-remove{order:2;margin-left:auto}.question-component .points-badge{font-size:.8rem;padding:4px 10px}.question-component .instructions-field{order:3;width:100%!important;margin-top:10px;margin-left:0!important;flex-basis:100%!important}.question-component .instructions-input{width:100%!important;margin-left:0!important}.question-card{padding-left:10px!important;padding-right:10px!important}.question-component .question-type-tag{min-width:180px;max-width:210px;text-align:center}.points-section{display:flex;flex-direction:column!important;gap:10px}.points-input-wrapper{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;width:100%}.points-input-wrapper label{white-space:nowrap}.points-input-wrapper input{width:100px}.points-info{width:100%;margin-left:0;text-align:left}.btn-remove{background:#db2222!important}.nav-right-mobile{margin-left:auto;display:flex;align-items:center;gap:10px}}@media(max-width:376px){.app-nav{padding:10px 0 0 8px}.user-link span:last-child{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.nav-brand h1{font-size:1rem}.nav-links{font-size:.5rem}.nav-links a,.dropdown-toggle,.btn-login,.btn-signup,.btn-logout{font-size:.75rem;padding:4px 8px}.profile-info h1{font-size:2.3rem!important}.dropdown-toggle{font-size:.75rem}.dropdown-menu{min-width:120px}}@media(max-width:376px){.nav-dropdown .dropdown-menu{top:120px;left:49%}}@media(max-width:768px){.app-footer{padding:15px;font-size:.8rem}.footer-links{gap:10px}.footer-links a{font-size:.8rem}.footer-separator{display:none}.footer-copy{font-size:.7rem}}.home[data-v-680e58b2]{padding:10px 0;display:flex;flex-direction:column;align-items:center}.hero[data-v-680e58b2]{display:flex;justify-content:center;text-align:center;padding:40px 20px;background:linear-gradient(135deg,#318c73 30%,#655498);color:#fff;border-radius:30px;width:75%;margin:0 auto 40px;position:relative;overflow:hidden;background-size:200% 200%;animation:gradientShift-680e58b2 5s ease infinite;text-shadow:0 2px 5px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:transform .2s ease,box-shadow .3s ease}@keyframes gradientShift-680e58b2{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero[data-v-680e58b2]:before,.hero[data-v-680e58b2]:after{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,#fff3,#fff0 70%);border-radius:50%;pointer-events:none;z-index:0}.hero[data-v-680e58b2]:before{top:-60px;left:-60px;animation:blobMove-680e58b2 12s infinite alternate ease-in-out}.hero[data-v-680e58b2]:after{bottom:-120px;right:-60px;width:250px;height:250px;animation:blobMove-680e58b2 5s infinite alternate-reverse ease-in-out}@keyframes blobMove-680e58b2{0%{transform:translate(0) scale(1);opacity:.4}to{transform:translate(30px,20px) scale(1.2);opacity:.7}}.hero-content[data-v-680e58b2]{position:relative;z-index:2}.hero h1[data-v-680e58b2]{font-size:3.5rem;margin-bottom:40px}.hero p[data-v-680e58b2]{font-size:1.2rem;max-width:700px;margin:0 auto 30px;opacity:.95}.hero-buttons[data-v-680e58b2]{display:flex;gap:15px;justify-content:center}.btn-primary[data-v-680e58b2]{width:150px;height:50px;border:none;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary[data-v-680e58b2]{padding:12px 30px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary[data-v-680e58b2]{background:#fff;color:#318c73}.btn-primary[data-v-680e58b2]{position:relative;overflow:hidden}.btn-primary[data-v-680e58b2]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(95,97,96,.3),transparent);transform:skew(-20deg);transition:left .6s ease;pointer-events:none}.btn-primary[data-v-680e58b2]:hover:before{left:100%}.btn-primary[data-v-680e58b2]:hover{color:#3caa8f;box-shadow:2px 4px 10px 2px #00000026}.btn-secondary[data-v-680e58b2]{background:transparent;color:#fff;border:2px solid white}.btn-secondary[data-v-680e58b2]:hover{background:#ffffff1a}.builder-preview[data-v-680e58b2]{background:#f5fefbc1;padding:30px;border-radius:10px;margin-bottom:40px;width:75%;outline:2px solid #2a7864}.builder-preview p[data-v-680e58b2]{font-size:1.5rem;line-height:1.6;margin-bottom:15px;text-align:center;color:#2a7864}.builder-preview2[data-v-680e58b2]{background:#e3f2fd;color:#1565c0;padding:30px;border-radius:10px;margin-bottom:40px;width:75%;outline:2px solid #bbdefb;text-align:center}.builder-preview3[data-v-680e58b2]{background:#f3e5f5;color:#7b2094;outline:2px solid #caaacf;padding:30px;border-radius:10px;margin-bottom:40px;width:75%}.builder-preview3 p[data-v-680e58b2]{font-size:1.5rem;line-height:1.6;margin-bottom:15px;text-align:center}.builder-preview4[data-v-680e58b2]{background:#e9e9fd;color:#0d146e;outline:2px solid #0d146e;padding:30px;border-radius:10px;margin-bottom:40px;width:75%}.builder-preview4 p[data-v-680e58b2]{font-size:1.5rem;line-height:1.6;margin-bottom:15px;text-align:center}.builder-preview5[data-v-680e58b2]{background:linear-gradient(135deg,#f6f5f5,#e8e7e7);color:#3b3b3b;outline:2px solid #5c5c5c;padding:30px;border-radius:10px;margin-bottom:40px;width:75%}.builder-preview5 p[data-v-680e58b2]{font-size:1.5rem;line-height:1.6;margin-bottom:15px;text-align:center}.builder-preview h2[data-v-680e58b2]{font-size:2rem;color:#318c73;text-align:center;margin-bottom:20px}.builder-preview2 h2[data-v-680e58b2]{font-size:2rem;text-align:center;margin-bottom:0}.builder-preview3 h2[data-v-680e58b2],.builder-preview4 h2[data-v-680e58b2],.builder-preview5 h2[data-v-680e58b2]{font-size:2rem;text-align:center;margin-bottom:20px}.badges-container[data-v-680e58b2]{display:flex;flex-wrap:wrap;gap:50px;margin-top:30px;padding:20px;margin-bottom:20px;justify-content:center}.badges-container .question-type-badge[data-v-680e58b2]{display:inline-block;margin:0;animation:none}.question-types-list[data-v-680e58b2]{line-height:2.2;display:flex;flex-direction:column;align-items:center}.question-types-list .question-type-badge[data-v-680e58b2]{display:block;margin:4px 0;white-space:nowrap;flex-basis:100%;width:fit-content}.question-type-badge[data-v-680e58b2]{display:block;margin:8px auto;padding:8px 18px;border-radius:25px;font-size:1.3rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.question-type-badge.multiple-choice[data-v-680e58b2]{background:#e3f2fd;color:#1565c0;outline:2px solid #bbdefb}.question-type-badge.fill-in-gap[data-v-680e58b2]{background:#edfff9c1;color:#2a7864;outline:2px solid #2a7864}.question-type-badge.open-question[data-v-680e58b2]{background:#f3e5f5;color:#8e24aa;outline:2px solid #e1bee7}.question-type-badge.matching[data-v-680e58b2]{background:#e8f5e8;color:#2e7d32;outline:2px solid #c8e6c9}.question-type-badge.picture-matching[data-v-680e58b2]{background:#f2fefe;color:#4f9595;outline:2px solid #5bacac}.question-type-badge.complete-with-words[data-v-680e58b2]{background:linear-gradient(135deg,#f6f5f5,#e8e7e7);color:#3b3b3b;outline:2px solid #5c5c5c}.question-type-badge.multiple-choice-dropdown[data-v-680e58b2]{background:#f7eefc;color:#680998;outline:2px solid #680998}.question-type-badge.true-false[data-v-680e58b2]{background:#e9e9fd;color:#0d146e;outline:2px solid #0d146e}.question-type-badge.label-the-picture[data-v-680e58b2]{background:#fcf6ef;color:#be771a;outline:2px solid #be771a}.question-type-badge.unjumble-words[data-v-680e58b2]{background:#f9f4eb;color:#ff9800;outline:2px solid #FF9800}.question-type-badge[data-v-680e58b2]{padding:4px 14px;font-size:.8rem}.media-buttons-container[data-v-680e58b2]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px;padding:20px}.media-btn[data-v-680e58b2]{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 25px;border:none;border-radius:30%;cursor:pointer;transition:all .3s ease;min-width:100px;box-shadow:0 4px 8px #0000001a}.media-btn .btn-icon[data-v-680e58b2]{font-size:32px;line-height:1;transition:transform .3s ease}.media-btn .btn-label[data-v-680e58b2]{font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.media-btn[data-v-680e58b2]:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 16px #0003}.media-btn:hover .btn-icon[data-v-680e58b2]{transform:scale(1.1)}.media-btn[data-v-680e58b2]:after{content:attr(data-title);position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;pointer-events:none}.media-btn[data-v-680e58b2]:hover:after{opacity:1;visibility:visible;bottom:-35px}.text-btn[data-v-680e58b2]{background:linear-gradient(135deg,#4caf50,#2e7d32)}.image-btn[data-v-680e58b2]{background:linear-gradient(135deg,#2196f3,#1565c0)}.pdf-btn[data-v-680e58b2]{background:linear-gradient(135deg,#f44336,#c62828)}.audio-btn[data-v-680e58b2]{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.video-btn[data-v-680e58b2]{background:linear-gradient(135deg,#ff9800,#ef6c00)}@keyframes subtlePulse-680e58b2{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.media-btn[data-v-680e58b2]{animation:subtlePulse-680e58b2 .5s ease}.component-placeholder[data-v-680e58b2]{border:2px dashed #ccc;border-radius:10px;padding:30px;text-align:center;background:#f8f9fa}.placeholder-header[data-v-680e58b2]{margin-bottom:20px}.placeholder-header h4[data-v-680e58b2]{color:#495057;margin-bottom:10px}.placeholder-body[data-v-680e58b2]{color:#6c757d;line-height:1.6}.placeholder-body code[data-v-680e58b2]{background:#e9ecef;padding:2px 6px;border-radius:4px;font-family:monospace}.features h3[data-v-680e58b2]{text-align:center;color:#495057;margin-bottom:40px;font-size:1.8rem}.feature-grid[data-v-680e58b2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card[data-v-680e58b2]{background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 10px #00000014;transition:transform .3s}.feature-card[data-v-680e58b2]:hover{transform:translateY(-5px)}.feature-icon[data-v-680e58b2]{font-size:2.5rem;margin-bottom:15px}.feature-card h4[data-v-680e58b2]{color:#318c73;margin-bottom:10px}.feature-card p[data-v-680e58b2]{color:#666;line-height:1.5}.end-button[data-v-680e58b2]{display:flex;justify-content:center;align-items:center;margin:40px auto 60px;width:100%}.btn-end[data-v-680e58b2]{padding:20px 30px;border:none;border-radius:8px;font-size:1.5rem;font-weight:600;cursor:pointer;background:#318c73;color:#fff;transition:.3s ease all}.btn-end[data-v-680e58b2]:hover{background:#2a7864;color:#fff}.btn-end[data-v-680e58b2]:active{background:#236b58}.embedded-quiz-section[data-v-680e58b2]{background:transparent;padding:20px;width:100%;text-align:center;overflow-y:hidden}.embedded-quiz-section h2[data-v-680e58b2]{font-size:2.5rem;color:#318c73;margin-bottom:10px}.embedded-quiz-section p[data-v-680e58b2]{font-size:1.5rem;color:#666;margin-bottom:40px}.iframe-wrapper[data-v-680e58b2]{width:100%;height:7100px;border-radius:12px;overflow-y:hidden;background:#f8f9fa}.embed-container[data-v-680e58b2]{overflow-y:hidden!important}@media(max-width:768px){.home[data-v-680e58b2]{padding:5px 0}.builder-preview[data-v-680e58b2],.builder-preview2[data-v-680e58b2],.builder-preview3[data-v-680e58b2],.builder-preview4[data-v-680e58b2],.builder-preview5[data-v-680e58b2]{width:96%;margin-left:auto;margin-right:auto;padding:20px 12px}.hero[data-v-680e58b2]{width:96%;margin-left:auto;margin-right:auto}.hero h1[data-v-680e58b2]{font-size:2.4rem;margin-bottom:20px}.builder-preview h2[data-v-680e58b2],.builder-preview2 h2[data-v-680e58b2],.builder-preview3 h2[data-v-680e58b2],.builder-preview4 h2[data-v-680e58b2],.builder-preview5 h2[data-v-680e58b2]{font-size:1.5rem}.embedded-quiz-section h2[data-v-680e58b2]{font-size:2rem}.builder-preview p[data-v-680e58b2],.builder-preview2 p[data-v-680e58b2],.builder-preview3 p[data-v-680e58b2],.builder-preview4 p[data-v-680e58b2],.builder-preview5 p[data-v-680e58b2],.embedded-quiz-section p[data-v-680e58b2]{font-size:1.1rem;line-height:1.4}.media-buttons-container[data-v-680e58b2]{gap:7px;padding:10px}.media-btn[data-v-680e58b2]{padding:10px 14px;min-width:40px}.media-btn .btn-icon[data-v-680e58b2]{font-size:24px}.media-btn .btn-label[data-v-680e58b2]{font-size:.5rem}.embedded-quiz-section[data-v-680e58b2]{padding:0;width:100%;margin:0 auto}.iframe-wrapper[data-v-680e58b2]{width:100%;height:auto}.iframe-wrapper iframe[data-v-680e58b2]{height:650px;width:100%}.end-button[data-v-680e58b2]{margin:30px auto}.btn-end[data-v-680e58b2]{font-size:1.2rem;padding:12px 24px}.hero-buttons[data-v-680e58b2]{gap:10px}.btn-primary[data-v-680e58b2]{width:140px;height:50px;font-size:1.3rem}}.verify-container[data-v-044f34e8]{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:20px}.verify-card[data-v-044f34e8]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 30px #0000001a;width:100%;max-width:450px}h2[data-v-044f34e8]{text-align:center;color:#318c73;margin-bottom:20px}.info-text[data-v-044f34e8]{text-align:center;margin-bottom:30px;color:#555}.form-group[data-v-044f34e8]{margin-bottom:20px}.form-group label[data-v-044f34e8]{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input[data-v-044f34e8]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;text-align:center;letter-spacing:4px;font-weight:700}.form-group input[data-v-044f34e8]:focus{border-color:#318c73;outline:none}.error-message[data-v-044f34e8]{background:#fadbd8;color:#c0392b;padding:10px;border-radius:6px;margin-bottom:15px;text-align:center}.success-message[data-v-044f34e8]{background:#d5f4e6;color:#1e7b4b;padding:10px;border-radius:6px;margin-bottom:15px;text-align:center}.btn-verify[data-v-044f34e8]{width:100%;padding:12px;background:#318c73;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-verify[data-v-044f34e8]:hover:not(:disabled){background:#2a7a63}.btn-verify[data-v-044f34e8]:disabled{background:#95a5a6;cursor:not-allowed}.resend-section[data-v-044f34e8]{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.btn-resend[data-v-044f34e8]{background:none;border:none;color:#318c73;font-weight:500;cursor:pointer;text-decoration:underline;font-size:.9rem}.btn-resend[data-v-044f34e8]:disabled{color:#95a5a6;cursor:not-allowed;text-decoration:none}.note[data-v-044f34e8]{font-size:.8rem;color:#888;margin-top:10px}.legal-page[data-v-e647ced9]{max-width:900px;margin:0 auto;padding:40px 20px}.legal-container[data-v-e647ced9]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #00000014}h1[data-v-e647ced9]{color:#318c73;font-size:2.2rem;margin-bottom:5px}.last-updated[data-v-e647ced9]{color:#95a5a6;font-size:.9rem;margin-bottom:30px}section[data-v-e647ced9]{margin-bottom:30px}h2[data-v-e647ced9]{color:#2c3e50;font-size:1.4rem;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}p[data-v-e647ced9]{line-height:1.7;color:#444}ul[data-v-e647ced9]{padding-left:25px;line-height:1.8}li[data-v-e647ced9]{color:#444}.legal-page[data-v-71ed9aef]{max-width:900px;margin:0 auto;padding:40px 20px}.legal-container[data-v-71ed9aef]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #00000014}h1[data-v-71ed9aef]{color:#318c73;font-size:2.2rem;margin-bottom:5px}.last-updated[data-v-71ed9aef]{color:#95a5a6;font-size:.9rem;margin-bottom:30px}section[data-v-71ed9aef]{margin-bottom:30px}h2[data-v-71ed9aef]{color:#2c3e50;font-size:1.4rem;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}p[data-v-71ed9aef]{line-height:1.7;color:#444}ul[data-v-71ed9aef]{padding-left:25px;line-height:1.8}li[data-v-71ed9aef]{color:#444}.forgot-password-view[data-v-70245c84]{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:20px}.forgot-card[data-v-70245c84]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 30px #0000001a;width:100%;max-width:450px}h2[data-v-70245c84]{text-align:center;color:#318c73;margin-bottom:10px}.info-text[data-v-70245c84]{text-align:center;margin-bottom:25px;color:#555}.form-group[data-v-70245c84]{margin-bottom:20px}.form-group label[data-v-70245c84]{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input[data-v-70245c84]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.form-group input[data-v-70245c84]:focus{border-color:#318c73;outline:none}.error-message[data-v-70245c84]{background:#fadbd8;color:#c0392b;padding:10px;border-radius:6px;margin-bottom:15px;text-align:center}.success-message[data-v-70245c84]{background:#d5f4e6;color:#1e7b4b;padding:10px;border-radius:6px;margin-bottom:15px;text-align:center}.btn-submit[data-v-70245c84]{width:100%;padding:14px;background:#318c73;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-submit[data-v-70245c84]:hover:not(:disabled){background:#2a7a63}.btn-submit[data-v-70245c84]:disabled{background:#95a5a6;cursor:not-allowed}.back-to-login[data-v-70245c84]{text-align:center;margin-top:20px}.back-to-login a[data-v-70245c84]{color:#318c73;text-decoration:none}.back-to-login a[data-v-70245c84]:hover{text-decoration:underline}.reset-password-view[data-v-1dff57b5]{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:20px}.reset-card[data-v-1dff57b5]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 30px #0000001a;width:100%;max-width:450px}h2[data-v-1dff57b5]{text-align:center;color:#318c73;margin-bottom:25px}.form-group[data-v-1dff57b5]{margin-bottom:20px}.form-group label[data-v-1dff57b5]{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input[data-v-1dff57b5]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.form-group input[data-v-1dff57b5]:focus{border-color:#318c73;outline:none}.error-message[data-v-1dff57b5]{background:#fadbd8;color:#c0392b;padding:10px;border-radius:6px;margin-bottom:15px;text-align:center}.success-message[data-v-1dff57b5]{background:#d5f4e6;color:#1e7b4b;padding:10px;border-radius:6px;margin-bottom:15px;text-align:center}.btn-submit[data-v-1dff57b5]{width:100%;padding:14px;background:#318c73;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-submit[data-v-1dff57b5]:hover:not(:disabled){background:#2a7a63}.btn-submit[data-v-1dff57b5]:disabled{background:#95a5a6;cursor:not-allowed}.back-to-login[data-v-1dff57b5]{text-align:center;margin-top:20px}.back-to-login a[data-v-1dff57b5]{color:#318c73;text-decoration:none}.back-to-login a[data-v-1dff57b5]:hover{text-decoration:underline}