.site-header-wrapper{z-index:100;width:100%;position:sticky;top:0}.site-header{background-color:var(--color-white);border-bottom:1px solid var(--color-grey);z-index:102;align-items:center;height:4.375rem;display:flex;position:relative}.header-container{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.header-logo{object-fit:contain;width:auto;height:2.5rem}.header-title{font-family:var(--font-headline);color:var(--color-text-dark);font-size:1.5rem;font-weight:400}.header-middle{justify-content:center;align-items:center;display:flex}.burger-btn{color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;width:2.75rem;height:2.75rem;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.burger-btn:before{content:"";background-color:var(--color-text-dark);opacity:0;transition:var(--transition-fast);position:absolute;inset:0}.burger-btn:hover:before{opacity:var(--state-hover-opacity)}.burger-btn:active:before{opacity:var(--state-pressed-opacity)}.burger-btn:hover{color:var(--color-text-dark)}.burger-icon{z-index:2;font-size:1.8rem;position:relative}.highscore-pill{background-color:var(--color-lila-container);color:var(--color-text-dark);border-radius:var(--radius-full);letter-spacing:.8px;border:1px solid #b3a9c24d;align-items:center;gap:4px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:flex}.highscore-value{color:var(--color-text-dark);font-weight:600}.header-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-grey);width:100%;box-shadow:var(--elevation-2);z-index:101;opacity:0;max-height:0;transition:max-height var(--transition-normal) ease, opacity var(--transition-normal) ease;background-color:#fffffff5;position:absolute;top:4.375rem;left:0;overflow:hidden}.header-dropdown.open{opacity:1;max-height:15.625rem}.dropdown-container{padding:1.25rem 0}.dropdown-nav{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.dropdown-link{font-family:var(--font-body);color:var(--color-text-dark);border-radius:var(--radius-md);text-align:center;cursor:pointer;width:100%;max-width:17.5rem;transition:var(--transition-fast);background:0 0;border:none;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:500;position:relative;overflow:hidden}.dropdown-link:before{content:"";background-color:var(--color-green);opacity:0;transition:var(--transition-fast);z-index:-1;position:absolute;inset:0}.dropdown-link:hover:before{opacity:.15}.dropdown-link:hover{color:hsl(var(--h-green), var(--s-green), 25%)}@media (max-width:992px){.header-title{font-size:1.25rem}.highscore-pill{padding:.375rem .75rem;font-size:.8rem}.burger-btn{width:2.375rem;height:2.375rem}.burger-icon{font-size:1.6rem}.dropdown-nav{flex-direction:column;gap:.75rem}.dropdown-link{padding:.5rem 1rem;font-size:1rem}}
.site-footer{background-color:var(--color-orange);color:var(--color-white);text-align:center;margin-top:auto;padding:40px 0}.footer-container{flex-direction:column;align-items:center;gap:20px;display:flex}.social-icons{gap:24px;margin-bottom:8px;display:flex}.social-link{color:var(--color-white);opacity:.85;transition:var(--transition-fast)}.social-link:hover{opacity:1;transform:translateY(-2px)}.footer-copyright{letter-spacing:.5px;opacity:.9;font-size:.85rem;font-weight:400}.footer-links{opacity:.85;align-items:center;gap:12px;font-size:.85rem;display:flex}.footer-link{color:var(--color-white);transition:var(--transition-fast)}.footer-link:hover{opacity:1;text-decoration:underline}.footer-separator{opacity:.5}
.category-card-wrapper{flex-direction:column;width:100%;display:flex}.category-card{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);transition:var(--transition-normal);text-align:center;cursor:pointer;border:1px solid #00000014;flex-direction:column;justify-content:center;align-items:center;padding:1.75rem 1.5rem;display:flex;position:relative;overflow:hidden}.category-card:before{content:"";background-color:var(--color-text-dark);opacity:0;transition:var(--transition-fast);z-index:2;position:absolute;inset:0}.category-card:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.category-card:hover:before{opacity:var(--state-hover-opacity)}.category-card:active:before{opacity:var(--state-pressed-opacity)}.category-card:active{transform:translateY(0)}.category-card.expanded{box-shadow:var(--shadow-sm);border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:#0000!important;transform:none!important}.card-content{z-index:1;flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex;position:relative}.card-icon{margin-bottom:.25rem;font-size:2.2rem}.card-name{font-size:1.35rem;font-family:var(--font-body);font-weight:500}.card-green{background-color:var(--color-green);color:var(--color-text-dark);border:1px solid #00000014}.card-green .card-icon{color:hsl(var(--h-green), var(--s-green), 25%)}.card-lila{background-color:var(--color-lila);color:var(--color-text-dark);border:1px solid #00000014}.card-lila .card-icon{color:hsl(var(--h-lila), var(--s-lila), 25%)}.card-orange{background-color:var(--color-orange);color:var(--color-text-dark);border:1px solid #00000014}.card-orange .card-icon{color:hsl(var(--h-orange), var(--s-orange), 25%)}.level-drawer{opacity:0;max-height:0;transition:max-height var(--transition-normal) var(--easing-emphasized), opacity var(--transition-normal) var(--easing-emphasized);background-color:var(--color-white);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:var(--elevation-1);z-index:2;border:1px solid #00000014;border-top:none;overflow:hidden}.category-card-wrapper.expanded .level-drawer{opacity:1;max-height:9.375rem}.level-drawer-inner{flex-direction:column;align-items:center;gap:.5rem;padding:1.125rem 1.25rem;display:flex}.select-level-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.125rem;font-size:.75rem;font-weight:600}.level-select-btn{border:1px solid var(--color-grey);color:var(--color-text-dark);border-radius:var(--radius-full);font-family:var(--font-body);letter-spacing:.1px;cursor:pointer;transition:var(--transition-fast);background-color:#0000;padding:.625rem 1.5rem;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.level-select-btn:before{content:"";background-color:var(--color-text-dark);opacity:0;transition:var(--transition-fast);position:absolute;inset:0}.level-select-btn:hover:before{opacity:var(--state-hover-opacity)}.level-select-btn:active:before{opacity:var(--state-pressed-opacity)}.level-select-btn:hover{border-color:var(--color-text-dark)}@media (max-width:992px){.category-card{padding:1.25rem 1rem}.card-name{font-size:1.15rem}.card-icon{font-size:1.8rem}.level-drawer-inner{padding:.875rem 1rem}}
.quiz-container{background-color:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:56.25rem;box-shadow:var(--elevation-1);border:1px solid #0000000f;margin:2.5rem auto;padding:2.5rem}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.quiz-title{font-family:var(--font-headline);color:var(--color-text-dark);font-size:1.5rem;font-weight:700}.quiz-actions{gap:.75rem;display:flex}.action-btn{color:var(--color-text-muted);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.action-btn:before{content:"";background-color:var(--color-text-dark);opacity:0;transition:var(--transition-fast);position:absolute;inset:0}.action-btn:hover:before{opacity:var(--state-hover-opacity)}.action-btn:active:before{opacity:var(--state-pressed-opacity)}.action-btn:hover{color:var(--color-text-dark)}.action-btn .material-symbols-outlined{z-index:2;position:relative}.progress-section{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.progress-bars-container{flex:1;gap:.5rem;display:flex}.progress-bar-segment{border-radius:var(--radius-full);background-color:var(--color-grey);height:.375rem;transition:var(--transition-normal);flex:1}.progress-bar-segment.completed{background-color:var(--color-text-dark)}.progress-bar-segment.active{background-color:var(--color-orange)}.progress-text{color:var(--color-text-muted);text-align:right;letter-spacing:.5px;min-width:2.1875rem;font-size:.85rem;font-weight:600}.question-body{margin-bottom:1.875rem}.question-number-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.question-text{font-family:var(--font-headline);color:var(--color-text-dark);margin-bottom:2rem;font-size:1.8rem;line-height:1.35}.options-list{flex-direction:column;gap:1rem;display:flex}.option-card{text-align:left;border-radius:var(--radius-md);border:1px solid var(--color-grey);background-color:var(--color-white);width:100%;color:var(--color-text-dark);cursor:pointer;transition:var(--transition-fast);flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.option-card:before{content:"";background-color:var(--color-text-dark);opacity:0;transition:var(--transition-fast);z-index:1;position:absolute;inset:0}.option-card.normal:hover:before{opacity:var(--state-hover-opacity)}.option-card.normal:active:before{opacity:var(--state-pressed-opacity)}.option-card.normal:hover{border-color:var(--color-text-muted);box-shadow:var(--elevation-1)}.option-header-row{z-index:2;align-items:center;width:100%;font-size:1.05rem;font-weight:400;display:flex;position:relative}.option-letter{color:var(--color-text-muted);margin-right:.75rem;font-weight:600}.option-text-label{flex:1}.your-answer-tag{letter-spacing:.5px;opacity:.8;margin-left:.5rem;font-size:.8rem;font-weight:500}.check-icon{color:var(--color-success)}.cancel-icon{color:var(--color-error)}.option-card.correct{background-color:var(--color-success-bg);border-color:var(--color-success);color:#1b5e20}.option-card.correct:before{background-color:#1b5e20}.option-card.correct .option-letter{color:#1b5e20}.option-card.correct .option-text-label{font-weight:500}.option-card.incorrect{background-color:var(--color-error-bg);border-color:var(--color-error);color:#b71c1c}.option-card.incorrect:before{background-color:#b71c1c}.option-card.incorrect .option-letter{color:#b71c1c}.option-card.disabled{opacity:.6;cursor:not-allowed}.option-explanation-box{color:#2e7d32;z-index:2;border-top:1px dashed #1b5e2033;margin-top:.5rem;padding-top:.75rem;font-size:.9rem;font-weight:300;line-height:1.5;position:relative}.navigation-footer{border-top:1px solid var(--color-grey);justify-content:flex-end;margin-top:2.5rem;padding-top:1.5rem;display:flex}.next-btn{background-color:var(--color-text-dark);color:var(--color-white);border-radius:var(--radius-full);font-family:var(--font-body);letter-spacing:.1px;box-shadow:var(--elevation-1);transition:var(--transition-fast);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:500;display:flex;position:relative;overflow:hidden}.next-btn:before{content:"";background-color:var(--color-white);opacity:0;transition:var(--transition-fast);position:absolute;inset:0}.next-btn:hover:before{opacity:.12}.next-btn:active:before{opacity:.2}.next-btn:hover{box-shadow:var(--elevation-2);background-color:#000;transform:translateY(-2px)}.next-btn:active{box-shadow:var(--elevation-1);transform:translateY(0)}@media (max-width:992px){.quiz-container{border-radius:var(--radius-lg);margin:1.25rem auto;padding:1.5rem}.question-text{margin-bottom:1.5rem;font-size:1.4rem}.option-card{padding:1rem}.option-header-row{font-size:.95rem}.quiz-title{font-size:1.25rem}}
.result-container{background-color:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:56.25rem;box-shadow:var(--elevation-1);border:1px solid #0000000f;margin:2.5rem auto;padding:2.5rem}.result-header{justify-content:space-between;align-items:center;margin-bottom:1.875rem;display:flex}.result-title{font-family:var(--font-headline);color:var(--color-text-dark);font-size:1.5rem;font-weight:700}.result-actions{gap:.75rem;display:flex}.action-btn{color:var(--color-text-muted);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.action-btn:before{content:"";background-color:var(--color-text-dark);opacity:0;transition:var(--transition-fast);position:absolute;inset:0}.action-btn:hover:before{opacity:var(--state-hover-opacity)}.action-btn:active:before{opacity:var(--state-pressed-opacity)}.action-btn:hover{color:var(--color-text-dark)}.action-btn .material-symbols-outlined{z-index:2;position:relative}.gauge-section{flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.score-label{letter-spacing:1.5px;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.gauge-wrapper{width:16.25rem;height:10rem;position:relative}.gauge-svg{width:100%;height:100%}.gauge-active-path{animation:fill-gauge 1.2s var(--easing-emphasized) forwards}@keyframes fill-gauge{0%{stroke-dashoffset:var(--gauge-circumference)}to{stroke-dashoffset:var(--gauge-offset)}}.score-details-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:1.5rem;left:0;right:0}.score-number{font-family:var(--font-headline);color:var(--color-text-dark);font-size:2.8rem;font-weight:700;line-height:1}.score-text-label{color:var(--color-text-muted);margin-top:.25rem;font-size:.85rem}.score-summary{color:var(--color-text-muted);margin-top:.75rem;font-size:.9rem}.motivation-section{text-align:center;margin-bottom:3rem}.motivation-title{font-family:var(--font-headline);color:var(--color-text-dark);margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.motivation-desc{color:var(--color-text-muted);font-size:1.05rem}.feedback-lists{border-top:1px solid var(--color-grey);flex-direction:column;gap:2.5rem;margin-bottom:2.5rem;padding-top:2.5rem;display:flex}.block-heading{font-family:var(--font-body);letter-spacing:.5px;margin-bottom:1.25rem;font-size:1.2rem;font-weight:600}.strengths-heading{color:var(--color-text-dark)}.focus-heading{color:#c62828}.block-items{flex-direction:column;gap:1.25rem;display:flex}.feedback-item{gap:1rem;padding:.5rem 0;font-size:.95rem;display:flex}.item-num{color:var(--color-text-muted);margin-top:.125rem;font-size:.9rem;font-weight:600}.focus-num{color:#c62828}.item-content{flex:1}.item-title{font-family:var(--font-body);color:var(--color-text-dark);margin-bottom:.25rem;font-weight:600}.correct-answer-banner{letter-spacing:.1px;background-color:var(--color-success-bg);color:#1b5e20;border-radius:var(--radius-xs);margin:.25rem 0 .5rem;padding:.25rem .625rem;font-size:.8rem;font-weight:500;display:inline-block}.correct-answer-label{opacity:.85}.item-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.result-footer-nav{border-top:1px solid var(--color-grey);justify-content:space-between;align-items:center;padding-top:1.75rem;display:flex}.menu-btn{font-family:var(--font-body);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;position:relative;overflow:hidden}.menu-btn:before{content:"";background-color:var(--color-text-dark);opacity:0;transition:var(--transition-fast);position:absolute;inset:0}.menu-btn:hover:before{opacity:var(--state-hover-opacity)}.menu-btn:active:before{opacity:var(--state-pressed-opacity)}.menu-btn:hover{color:var(--color-text-dark)}.restart-btn{color:var(--color-text-dark);font-family:var(--font-body);border-radius:var(--radius-full);box-shadow:var(--elevation-1);cursor:pointer;transition:var(--transition-fast);border:1px solid #00000014;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;display:flex;position:relative;overflow:hidden}.restart-btn:before{content:"";background-color:var(--color-white);opacity:0;transition:var(--transition-fast);position:absolute;inset:0}.restart-btn:hover:before{opacity:.15}.restart-btn:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.restart-btn:active{box-shadow:var(--elevation-1);transform:translateY(0)}@media (max-width:992px){.result-container{margin:1.25rem auto;padding:1.5rem}.motivation-title{font-size:1.4rem}.motivation-desc{font-size:.95rem}.gauge-wrapper{width:12.5rem;height:7.5rem}.score-number{font-size:2.2rem}}
.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;padding-bottom:3.75rem;display:flex}.banner-section{width:100%;margin:0 0 2.5rem}.quiz-banner{background-color:#f3f2f6;height:9.375rem;position:relative;overflow:hidden}.falling-item{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-1.5rem}.falling-item.pixel{border-radius:1px;width:.375rem;height:.375rem}.falling-item.pixel.green{background-color:var(--color-green)}.falling-item.pixel.lila{background-color:var(--color-lila)}.falling-item.pixel.orange{background-color:var(--color-orange)}.falling-item.icon{color:var(--color-text-muted);opacity:.25;font-size:1.4rem}@keyframes fall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(12.5rem)rotate(360deg)}}.category-group-section{margin-bottom:3.375rem;scroll-margin-top:6.25rem}.section-title{letter-spacing:-.3px;margin-bottom:1.75rem;font-size:1.8rem;font-weight:700}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(16.25rem,1fr));gap:1.5rem;display:grid}@media (max-width:992px){.section-title{margin-bottom:1.25rem;font-size:1.5rem}.category-group-section{margin-bottom:2.25rem}}
:root{--h-green:172;--s-green:16%;--l-green:72%;--h-lila:263;--s-lila:17%;--l-lila:70%;--h-orange:13;--s-orange:67%;--l-orange:67%;--h-text:0;--s-text:0%;--l-text:15%;--h-bg:0;--s-bg:0%;--l-bg:96%;--color-green:hsl(var(--h-green), var(--s-green), var(--l-green));--color-lila:hsl(var(--h-lila), var(--s-lila), var(--l-lila));--color-orange:hsl(var(--h-orange), var(--s-orange), var(--l-orange));--color-text-dark:hsl(var(--h-text), var(--s-text), var(--l-text));--color-text-muted:hsl(var(--h-text), var(--s-text), 36%);--color-bg-light:hsl(var(--h-bg), var(--s-bg), var(--l-bg));--color-white:#fff;--color-grey:#e8e8e8;--color-grey-dark:#8c8c8c;--color-green-container:hsla(var(--h-green), var(--s-green), var(--l-green), .15);--color-lila-container:hsla(var(--h-lila), var(--s-lila), var(--l-lila), .15);--color-orange-container:hsla(var(--h-orange), var(--s-orange), var(--l-orange), .15);--color-green-hover:hsla(var(--h-green), var(--s-green), var(--l-green), .3);--color-lila-hover:hsla(var(--h-lila), var(--s-lila), var(--l-lila), .3);--color-orange-hover:hsla(var(--h-orange), var(--s-orange), var(--l-orange), .3);--color-success:#4cae4c;--color-success-bg:#edf7ed;--color-error:#e93f3f;--color-error-bg:#fdeded;--font-headline:"Libre Baskerville", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.75rem;--radius-xxl:2rem;--radius-full:9999px;--elevation-0:none;--elevation-1:0 1px 3px 1px #0000001a, 0 1px 2px 0 #00000026;--elevation-2:0 2px 6px 2px #00000014, 0 1px 2px 0 #0000001f;--elevation-3:0 4px 8px 3px #00000014, 0 1px 3px 0 #0000001f;--elevation-4:0 6px 10px 4px #0000000f, 0 2px 3px 0 #0000001a;--elevation-5:0 8px 12px 6px #0000000f, 0 3px 4px 0 #0000001a;--shadow-sm:var(--elevation-1);--shadow-md:var(--elevation-2);--shadow-lg:var(--elevation-3);--shadow-premium:var(--elevation-3);--state-hover-opacity:.08;--state-focus-opacity:.12;--state-pressed-opacity:.12;--easing-standard:cubic-bezier(.2, 0, 0, 1);--easing-emphasized:cubic-bezier(.3, 0, 0, 1);--easing-decelerated:cubic-bezier(0, 0, .2, 1);--easing-accelerated:cubic-bezier(.3, 0, 1, 1);--transition-fast:.15s var(--easing-standard);--transition-normal:.3s var(--easing-emphasized);--transition-slow:.5s var(--easing-emphasized);--max-width:75rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-light);color:var(--color-text-dark);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--color-text-dark);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}@media (max-width:992px){.container{padding:0 1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade{animation:fadeIn var(--transition-normal) forwards}.animate-slide{animation:slideUp var(--transition-normal) forwards}.animate-scale{animation:scaleIn var(--transition-normal) forwards}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-green);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-grey-dark)}