.perspective-container.svelte-110hckl{position:relative;min-height:calc(100vh - 64px);perspective:1000px;transform-style:preserve-3d;overflow:hidden;padding:2rem 0}.decorative-block.svelte-110hckl{position:absolute;transform-style:preserve-3d;border:3px solid rgba(0,0,0,.5);box-shadow:inset -5px -5px 10px #0000004d,inset 5px 5px 10px #ffffff1a;z-index:-1}.quizzes-container.svelte-110hckl{position:relative;z-index:1;transform-style:preserve-3d}.header-3d.svelte-110hckl{position:relative;transform-style:preserve-3d;width:fit-content;margin:0 auto;height:80px;perspective:1000px}.header-front.svelte-110hckl{position:absolute;transform:translateZ(10px);background-color:#5d8a54;color:#fff;font-size:2.5rem;font-weight:700;padding:.5rem 2rem;text-shadow:2px 2px 0 #000,4px 4px 0 rgba(0,0,0,.3);border:5px solid #000;box-shadow:inset -5px -5px #0000004d,inset 5px 5px #ffffff1a;text-align:center;width:100%;height:100%;z-index:3}.header-top.svelte-110hckl{position:absolute;transform:rotateX(-90deg) translateZ(-10px);width:100%;height:20px;background-color:#4a6d43;border-left:5px solid #000;border-right:5px solid #000;border-bottom:5px solid #000;top:-10px;box-shadow:inset 0 -5px 10px #0000004d;z-index:1}.header-left.svelte-110hckl{position:absolute;transform:rotateY(90deg) translateZ(-10px);width:20px;height:100%;background-color:#3c5836;border-top:5px solid #000;border-bottom:5px solid #000;border-left:5px solid #000;left:-10px;box-shadow:inset 5px 0 10px #0000004d;z-index:1}.header-right.svelte-110hckl{position:absolute;transform:rotateY(-90deg) translateZ(-10px);width:20px;height:100%;background-color:#3c5836;border-top:5px solid #000;border-bottom:5px solid #000;border-right:5px solid #000;right:-10px;box-shadow:inset -5px 0 10px #0000004d;z-index:1}.intro-text.svelte-110hckl{color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.5);font-size:1.2rem;font-weight:500;background-color:#0003;padding:1rem;border-radius:8px;border:3px solid #000;box-shadow:inset -3px -3px #0000004d,inset 3px 3px #ffffff1a,0 6px 10px #0000004d}.category-block-container.svelte-110hckl{cursor:pointer;perspective:1000px;height:400px;transition:transform .3s ease}.category-block-container.svelte-110hckl:hover{transform:translateY(-10px) scale(1.02)}.category-block-container.svelte-110hckl:active{transform:translateY(2px) scale(.98)}.category-block-3d.svelte-110hckl{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(5deg);transition:transform .5s ease}.category-block-container.svelte-110hckl:hover .category-block-3d:where(.svelte-110hckl){transform:rotateX(10deg) rotateY(10deg)}.category-block-front.svelte-110hckl,.category-block-top.svelte-110hckl,.category-block-left.svelte-110hckl,.category-block-right.svelte-110hckl{position:absolute;border:5px solid #000;box-shadow:0 10px 20px #0000004d}.category-block-front.svelte-110hckl{width:100%;height:100%;transform:translateZ(0);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;z-index:2}.category-block-top.svelte-110hckl{width:100%;height:30px;transform:rotateX(-90deg) translateZ(-15px);transform-origin:top;top:0}.category-block-left.svelte-110hckl{width:30px;height:100%;transform:rotateY(-90deg) translateZ(-15px);transform-origin:left;left:0}.category-block-right.svelte-110hckl{width:30px;height:100%;transform:rotateY(90deg) translateZ(calc(100% - 15px));transform-origin:right;right:0}.category-content.svelte-110hckl{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.category-icon-container.svelte-110hckl{margin-bottom:1rem;perspective:600px}.category-icon-3d.svelte-110hckl{background-color:#0003;width:80px;height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:3px solid #000;box-shadow:inset -3px -3px #0000004d,inset 3px 3px #ffffff1a,0 5px 10px #0000004d;transform:rotateX(10deg) rotateY(10deg);transition:transform .3s ease;text-shadow:2px 2px 0 rgba(0,0,0,.7)}.category-block-container.svelte-110hckl:hover .category-icon-3d:where(.svelte-110hckl){transform:rotateX(-10deg) rotateY(-10deg) translateZ(10px)}.category-title.svelte-110hckl{font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:2px 2px 0 #000,4px 4px 0 rgba(0,0,0,.3)}.category-description.svelte-110hckl{text-align:center;margin-bottom:1.5rem;padding:0 1rem;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.start-btn-container.svelte-110hckl{position:relative;perspective:600px;margin-top:auto}.start-btn.svelte-110hckl{position:relative;background-color:gold;color:#333;border:none;padding:.75rem 1.5rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;cursor:pointer;border:3px solid #000;box-shadow:inset -3px -3px #0000004d,inset 3px 3px #ffffff4d,0 5px #000;transition:all .2s ease;transform:translateZ(0);transform-style:preserve-3d}.start-btn.svelte-110hckl:hover{transform:translateY(-2px) translateZ(5px);box-shadow:inset -3px -3px #0000004d,inset 3px 3px #ffffff4d,0 7px #000}.start-btn.svelte-110hckl:active{transform:translateY(3px) translateZ(-2px);box-shadow:inset -3px -3px #0000004d,inset 3px 3px #ffffff4d,0 2px #000}.btn-text.svelte-110hckl{position:relative;z-index:2;display:block;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.btn-shadow.svelte-110hckl{position:absolute;bottom:-8px;left:0;width:100%;height:8px;background-color:#0000004d;transform:rotateX(90deg);transform-origin:top}@media (max-width: 768px){.header-front.svelte-110hckl{font-size:1.8rem;padding:.5rem 1rem;height:auto}.header-3d.svelte-110hckl{height:60px}.category-block-container.svelte-110hckl{height:350px}}