body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#29bf1240}*,body{margin:0;padding:0}h1{font-family:Inter;font-style:italic;font-weight:900;text-transform:uppercase}div,p{font-family:Unica One}button{background:#0000;border:none;cursor:pointer;font-family:Inter;font-weight:600;text-decoration:underline;text-underline-offset:3px}img{-webkit-user-drag:none}.home{align-items:center;background-color:#29bf12;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;padding:0;width:100vw}.home h1{color:#000;font-size:8rem;font-style:italic;font-weight:900;text-transform:uppercase}.home h1,.home h2{font-family:Inter;text-align:center}.home h2{color:#021318;font-size:2rem;font-style:normal;font-weight:700}.home .categories-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:40px auto;width:80vw}.categories-container .category{align-items:center;color:#021318;cursor:pointer;display:flex;flex-direction:column;font-family:Unica One;font-size:29px;font-style:normal;font-weight:400;justify-content:center;margin:20px auto;max-width:200px;text-align:center;z-index:5}.categories-container .category img{width:180px}.particles-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.logo-container{bottom:5px;left:5px;position:fixed;width:10vw;z-index:100}.logo-container img{cursor:pointer;width:100%}.logo-container .menu-container{bottom:90%;max-width:100vw;position:absolute;transition:transform .3s ease}.logo-container .menu-container-hidden{bottom:90%;position:absolute;transform:translateX(-90%);transition:transform .3s ease;will-change:transform}.logo-container .menu-buttons{background-color:#86db78;border:2px solid #000;cursor:pointer;font-size:30px;margin:15px 40px;padding:5px 20px;text-transform:uppercase}.level-selection-page{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.level-selection-page h1{font-size:72px}.level-selection-page .home-button{font-size:20px;font-style:italic;left:10px;position:absolute;top:10px}.level-selection-page .page-icon{width:80px}.level-selection-page .levelsContainer{grid-gap:100px;display:grid;gap:100px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:40px auto}.level-selection-page .level-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:40px;justify-content:center}.level-selection-page .level-container img{height:10vw;min-width:100px;width:10vw}.animate{animation-delay:.5s;animation-duration:.75s;animation-fill-mode:backwards;animation-name:animate-fade;animation-timing-function:cubic-bezier(.26,.53,.74,1.48)}@keyframes animate-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.6s}.delay-2{animation-delay:.7s}.delay-3{animation-delay:.8s}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#16161600;border-radius:1.5rem;position:relative}.card-spotlight:before{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),#0000 80%);bottom:0;color:#caecc4;content:"";height:10vw;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.6}.level-confirmation-page{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.level-confirmation-page .back-button{font-size:20px;font-style:italic;left:10px;position:absolute;top:10px}.level-confirmation-page .page-label{font-family:Inter;font-size:20px;position:absolute;right:10px;top:10px}.level-confirmation-page h1{font-size:25px}.level-confirmation-page h3{font-size:100px;font-weight:400;margin-bottom:150px}.level-confirmation-page p{font-size:29px}.level-confirmation-page .quiz-icon{margin-bottom:50px;width:8vw}.level-confirmation-page .arrow{cursor:pointer;min-width:200px;width:15vw}.level-confirmation-page .alert-popup{background-color:#fff;border:2px solid #000;left:50%;max-width:400px;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease-in-out;width:80vw;z-index:1000}.level-confirmation-page .alert-popup.shown{transform:translate(-50%,-50%) scale(1)}.quiz-page{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;-webkit-user-select:none;user-select:none;width:100vw}.quiz-page h1{font-size:40px;font-style:normal;font-weight:400;letter-spacing:1px;line-height:normal;text-align:center;text-transform:capitalize;width:60%}.quiz-page .answer-choice{background-color:rgba(104,255,87,.057);border-radius:10px;cursor:pointer;font-size:30px;padding:10px 40px}.quiz-page .answer-choice:hover{background-color:#86db78;transform:scale(1.1);transition:transform .3s ease-out,background-color .5s ease}.quiz-page .answers-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:40px auto;text-align:center}.answer-choice.active{background-color:#86db78;transform:scale(1.1)}.quiz-page .button-container{bottom:100px;display:flex;font-size:30px;gap:50px;position:absolute}.quiz-page .button-container div{background-color:#86db78;border-radius:50px;padding:10px 20px}.results-page{align-items:center;display:flex;flex-direction:column;gap:30px;margin-top:100px}.results-page .missed-questions-container{align-items:center;background-color:#fff;border:2px solid #86db78;border-radius:10px;display:flex;flex-direction:column;gap:20px;margin-top:30px;padding:20px;width:80%}.results-page h3{font-size:30px;margin-bottom:10px}.missed-questions-container .missed-question-item{border-bottom:1px solid #ccc;font-size:20px;padding:15px;width:90%}.badge-page{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.badge-page img{min-width:200px;width:15vw}.badge-page .overlay{background:#0009;inset:0;position:fixed;z-index:-1}.badge{-webkit-user-select:none;user-select:none;z-index:999}.badge-page h1{color:#fff;font-family:Unica One,sans-serif;font-size:48px;letter-spacing:2px;margin:0;text-transform:uppercase;z-index:1}.badges-container{display:flex;flex-wrap:wrap;gap:30px;height:100vh;width:100vw}:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--inner-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:30px}.pc-card-wrapper{perspective:500px;position:relative;touch-action:none;transform:translateZ(.1px)}.pc-card-wrapper:before{background:inherit;background-image:none;background-image:var(--behind-gradient);background-position:inherit;background-size:100% 100%;border-radius:inherit;content:"";filter:contrast(2) saturate(2) blur(36px);inset:-10px;position:absolute;transform:scale(.8) translateZ(.1px);transition:all .5s ease}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{filter:contrast(1) saturate(2) blur(40px) opacity(1);transform:scale(.9) translateZ(.1px)}.pc-card{animation:glow-bg 12s linear infinite;aspect-ratio:.718;background-blend-mode:color-dodge,normal,normal,normal;border-radius:30px;border-radius:var(--card-radius);box-shadow:2px 4px 20px -5px #000c;box-shadow:#000c calc(var(--pointer-from-left)*10px - 3px) calc(var(--pointer-from-top)*20px - 6px) 20px -5px;display:grid;height:15vw;min-height:200px;position:relative;transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);transition:transform 1s ease;z-index:9999}.pc-card img{border-radius:0}.pc-card.active,.pc-card:hover{transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-card *{border-radius:30px;border-radius:var(--card-radius);display:grid;grid-area:1/-1;pointer-events:none;transform:translateZ(.1px)}.pc-inside{background-color:#000000e6;background-image:none;background-image:var(--inner-gradient);inset:1px;position:absolute;transform:translateZ(.01px)}.pc-shine{animation:holo-bg 18s linear infinite;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);-webkit-mask-image:none;mask-image:none;-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-position:top -50% left 50%;mask-position:top -50% left 50%;-webkit-mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;mix-blend-mode:color-dodge;transition:filter .6s ease}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;background:#0000;background-blend-mode:color,hard-light;background-image:repeating-linear-gradient(0deg,#ff7a75 calc(var(--space)*1),#ffed61 calc(var(--space)*2),#a8ff61 calc(var(--space)*3),#85fff7 calc(var(--space)*4),#7a95ff calc(var(--space)*5),#d875ff calc(var(--space)*6),#ff7a75 calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at 50% 50%,#0000001a 12%,#00000026 20%,#00000040 120%);background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space)*1),var(--sunpillar-clr-2) calc(var(--space)*2),var(--sunpillar-clr-3) calc(var(--space)*3),var(--sunpillar-clr-4) calc(var(--space)*4),var(--sunpillar-clr-5) calc(var(--space)*5),var(--sunpillar-clr-6) calc(var(--space)*6),var(--sunpillar-clr-1) calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#0000001a 12%,#00000026 20%,#00000040 120%);background-position:50%;background-position:0 50%,50% 50%,50%;background-position:0 var(--background-y),var(--background-x) var(--background-y),50%;background-repeat:repeat;background-size:cover;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px);z-index:3}.pc-shine:after,.pc-shine:before{background-position:50%;background-size:cover;content:"";grid-area:1/1;opacity:0}.pc-card.active .pc-shine,.pc-card:hover .pc-shine{animation:none;filter:brightness(.85) contrast(1.5) saturate(.5)}.pc-shine:before{background-blend-mode:color-dodge;background-image:linear-gradient(45deg,#85fff7,#7a95ff,#d875ff,#ff7a75,#ffed61,#a8ff61),radial-gradient(circle at 50% 50%,#b3b3b3 0,#4d4d4d33 90%),none;background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),#b3b3b3 0,#4d4d4d33 90%),var(--grain);background-position:50% 50%,50%,.5% .5%;background-position:var(--pointer-x) var(--pointer-y),50%,calc(var(--pointer-x)*.01) calc(var(--pointer-y)*.01);background-size:250% 250%,100% 100%,220px 220px;filter:brightness(2) contrast(2) saturate(.5);filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 50%,20% 25%,50%;background-position:0 var(--background-y),calc(var(--background-x)*.4) calc(var(--background-y)*.5),50%;background-size:200% 300%,700% 700%,100% 100%;filter:brightness(.8) contrast(1.5);mix-blend-mode:difference}.pc-glare{background-image:radial-gradient(farthest-corner circle at 50% 50%,#c3bfd9 12%,#2e506bcc 90%);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#c3bfd9 12%,#2e506bcc 90%);filter:brightness(.8) contrast(1.2);mix-blend-mode:overlay;overflow:hidden;transform:translateZ(1.1px);z-index:4}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 50%,0 0,50%;background-position:0 var(--background-y),0 0,50%}to{background-position:0 50%,90% 90%,50%;background-position:0 var(--background-y),90% 90%,50%}}@media (max-width:768px){.pc-card{height:200px;max-height:450px}}@media (max-width:480px){.pc-card{height:200px}}@media (max-width:320px){.pc-card{height:200px}}.profile-page{align-items:center;display:flex;flex-direction:column;height:100vh;padding:20px;width:100vw}.profile-page button{margin:20px auto}.profile-page .badges-list{display:flex;flex-direction:row}.profile-page .badges-list img{height:50px;margin-left:10px;width:50px}.badge-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.badge-modal-content{background-color:#fff;border-radius:8px;padding:20px;position:relative}.quiz-editor-page{align-items:center;display:flex;flex-direction:column;height:100vh;padding:20px;width:100vw}.quiz-editor-page .admin-categories-container{max-width:600px;width:80%}.quiz-editor-page .admin-categories-container .admin-category{align-items:center;border:2px solid #86db78;border-radius:10px;cursor:pointer;display:flex;gap:20px;margin:15px 0;padding:10px;transition:background-color .3s ease}.category-info{align-items:center;display:flex;flex-grow:1;gap:20px}.quiz-editor-page .admin-categories-container .admin-category img{width:50px}.admin-category .edit-delete-buttons{border-radius:5px;padding:5px}.admin-category .edit-delete-buttons:hover{background-color:#ff00001a}.edit-delete-buttons .delete-button{background-color:initial;border:none;color:red;cursor:pointer;font-size:18px}.quiz-editor-page .admin-categories-container .admin-category:hover{background-color:#f0f0f0}.quiz-editor-page .edit-category-section{display:flex;flex-direction:column;gap:10px;width:80%}.quiz-editor-page .edit-category-section .edit-category-form{display:flex;gap:20px}.levels-container .admin-level{align-items:center;border:2px solid #86db78;border-radius:10px;display:flex;gap:20px;margin:10px 0;padding:10px}.levels-container .admin-level:hover{background-color:#f0f0f0}.levels-container .admin-level .level-info{align-items:center;display:flex;flex-grow:1;gap:20px}.questions-list .question-item{border:2px solid #86db78;border-radius:10px;margin:10px 0;padding:10px}.question-item .question{font-family:Inter,sans-serif;font-weight:600;letter-spacing:.3px;padding:10px;text-align:left;width:500px}.question-item ul{list-style-type:disc;margin-left:20px}.question-item .answer-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:5px 10px}.answer-item .answer{flex-grow:1}.answer-item .empty-checkbox{border:1px solid #000;border-radius:5px;height:15px;width:15px}.empty-checkbox.active{background-color:#4caf50;border-color:#4caf50}
/*# sourceMappingURL=main.7ad7502d.css.map*/