:root{--primary-yellow:#eab308;--primary-yellow-dark:#ca8a04;--primary-yellow-light:#fef3c7;--primary-yellow-lighter:#fefce8;--primary-black:#111827;--primary-white:#ffffff;--primary-grey:#6b7280;--primary-grey-light:#9ca3af;--primary-grey-dark:#374151;--success-green:#10b981;--success-green-light:#d1fae5;--error-red:#ef4444;--error-red-light:#fee2e2;--light-grey:#f9fafb;--medium-grey:#f3f4f6;--border-grey:#e5e7eb;--border-grey-dark:#d1d5db;--text-grey:#9ca3af;--blue:#3b82f6;--orange:#fb923c;--purple:#8b5cf6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body,html{line-height:1.6}body{background:var(--primary-white);color:var(--primary-black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:.5rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--primary-yellow-dark);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-yellow)}button{background:none;border:none;font-family:inherit;font-size:inherit}.btn,button{cursor:pointer;transition:all .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;border:1px solid transparent}.btn-primary{background-color:var(--primary-yellow);color:var(--primary-black);border-color:var(--primary-yellow)}.btn-primary:hover{background-color:var(--primary-yellow-dark);border-color:var(--primary-yellow-dark)}.btn-secondary{background-color:var(--medium-grey);color:var(--primary-grey-dark);border-color:var(--border-grey)}.btn-secondary:hover{background-color:var(--border-grey)}.btn-danger{background-color:var(--error-red);color:var(--primary-white);border-color:var(--error-red)}.btn-danger:hover{background-color:#dc2626}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-full{width:100%}.btn-circle{border-radius:50%;width:2.5rem;height:2.5rem;padding:0}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--primary-grey-dark);font-size:.875rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-grey);border-radius:.5rem;font-size:1rem;transition:all .2s ease;background-color:var(--primary-white)}.form-input:focus{outline:none;border-color:var(--primary-yellow);ring:2px solid var(--primary-yellow-light);box-shadow:0 0 0 3px var(--primary-yellow-light)}.form-input::placeholder{color:var(--text-grey)}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.w-full{width:100%}.w-auto{width:auto}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.h-full{height:100%}.h-auto{height:auto}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-black{color:var(--primary-black)}.text-white{color:var(--primary-white)}.text-gray-500{color:var(--primary-grey)}.text-gray-600{color:var(--primary-grey-dark)}.text-gray-700{color:#374151}.text-gray-900{color:var(--primary-black)}.text-yellow-600{color:var(--primary-yellow-dark)}.text-yellow-900{color:#92400e}.text-green-600{color:var(--success-green)}.text-red-600{color:var(--error-red)}.text-red-700{color:#b91c1c}.bg-white{background-color:var(--primary-white)}.bg-gray-50{background-color:var(--light-grey)}.bg-gray-100{background-color:var(--medium-grey)}.bg-gray-200{background-color:var(--border-grey)}.bg-yellow-50{background-color:var(--primary-yellow-lighter)}.bg-yellow-500{background-color:var(--primary-yellow)}.bg-yellow-600{background-color:var(--primary-yellow-dark)}.bg-green-50{background-color:var(--success-green-light)}.bg-green-500{background-color:var(--success-green)}.bg-red-50{background-color:var(--error-red-light)}.bg-red-500{background-color:var(--error-red)}.bg-blue-500{background-color:var(--blue)}.bg-orange-400{background-color:var(--orange)}.border{border-width:1px;border-style:solid}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top-width:1px;border-top-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-l-4{border-left-width:4px;border-left-style:solid}.border-transparent{border-color:transparent}.border-gray-200{border-color:var(--border-grey)}.border-gray-300{border-color:var(--border-grey-dark)}.border-yellow-500{border-color:var(--primary-yellow)}.border-red-200{border-color:#fecaca}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.truncate,.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.transition-all{transition:all .15s ease-in-out}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-in-out}.hover-bg-gray-50:hover{background-color:var(--light-grey)}.hover-bg-gray-100:hover{background-color:var(--medium-grey)}.hover-bg-gray-200:hover{background-color:var(--border-grey)}.hover-bg-yellow-600:hover{background-color:var(--primary-yellow-dark)}.hover-text-gray-700:hover{color:var(--primary-grey-dark)}.hover-text-yellow-500:hover{color:var(--primary-yellow)}.hover-border-gray-300:hover{border-color:var(--border-grey-dark)}.animate-spin{animation:spin 1s linear infinite}.animate-slide-in{animation:slideIn .3s ease-out}.animate-fade-in{animation:fadeIn .5s ease-out}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale:hover{transform:scale(1.05)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar{background:rgba(17,24,39,.4);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(234,179,8,.3);position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px rgba(0,0,0,.1);isolation:isolate;will-change:backdrop-filter;transform:translateZ(10)}@supports not (backdrop-filter:blur(20px)){.navbar{background:rgba(17,24,39,.95)}}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar-content{justify-content:space-between;height:4rem}.navbar-content,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:.75rem;text-decoration:none;transition:opacity .2s}.navbar-logo:hover{opacity:.8}.navbar-logo-image{width:2.5rem;height:2.5rem;object-fit:contain;border-radius:.5rem}.navbar-logo-text{font-size:1.25rem;font-weight:700;color:var(--primary-white)}.navbar-nav{display:none;align-items:center;justify-content:center;flex:1;margin:0 2rem}.navbar-nav-container{display:flex;gap:.5rem;background:rgba(255,255,255,.05);border-radius:.5rem;padding:.25rem}.navbar-nav-link{position:relative;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .2s;text-decoration:none;color:rgba(255,255,255,.8);text-align:center}.navbar-nav-link.active{color:var(--primary-white);font-weight:600}.navbar-nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:var(--primary-black);border-radius:1px}.navbar-nav-link:not(.active):hover{background:rgba(234,179,8,.1);color:var(--primary-white)}.navbar-user{display:none;align-items:center}.navbar-logout{background:var(--error-red);color:var(--primary-white);padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s;border:none;cursor:pointer}.navbar-logout:hover{background:#dc2626;transform:translateY(-1px)}.navbar-mobile-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;border-radius:.5rem;color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s;min-height:2.5rem}.navbar-mobile-button,.navbar-mobile-button:hover{background:rgba(255,255,255,.1)}.hamburger-line{position:absolute;display:block;height:3px;width:1.75rem;background-color:currentColor;transform-origin:center;transition:all .3s;border-radius:1px}.hamburger-line:first-child{top:-6px}.hamburger-line:nth-child(2){top:1px}.hamburger-line:nth-child(3){top:8px}.hamburger-open .hamburger-line:first-child{transform:rotate(45deg) translateY(8px)}.hamburger-open .hamburger-line:nth-child(2){opacity:0}.hamburger-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.navbar-mobile-menu{max-height:0;opacity:0;overflow:hidden;transition:all .3s;background:rgba(17,24,39,.98);border-top:1px solid rgba(234,179,8,.3)}.navbar-mobile-menu.open{max-height:24rem;opacity:1}.navbar-mobile-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.navbar-mobile-link{display:block;padding:.75rem 1rem;font-size:1rem;font-weight:500;border-radius:.375rem;transition:all .2s;text-decoration:none;color:rgba(255,255,255,.8);text-align:left}.navbar-mobile-link.active{background:var(--primary-yellow);color:var(--primary-black);font-weight:600}.navbar-mobile-link:not(.active):hover{background:rgba(234,179,8,.1);color:var(--primary-white)}.navbar-mobile-logout-section{border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem;margin-top:.75rem}.navbar-mobile-logout{width:100%;background:var(--error-red);color:var(--primary-white);padding:.75rem 1rem;border-radius:.375rem;font-size:1rem;font-weight:500;transition:all .2s;border:none;cursor:pointer;text-align:left}.navbar-mobile-logout:hover{background:#dc2626}.auth-container{min-height:100vh;background:linear-gradient(to bottom right,var(--primary-yellow-lighter),var(--medium-grey));display:flex;align-items:center;justify-content:center;padding:1rem}.auth-wrapper{max-width:28rem;width:100%;display:flex;flex-direction:column;gap:2rem}.auth-header{text-align:center}.auth-logo{margin:0 auto 1.5rem;height:5rem;width:5rem;background-color:var(--primary-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.auth-logo-image{width:5rem;height:5rem;object-fit:contain;border-radius:.5rem}.auth-title{margin-top:1.5rem;font-size:1.875rem;font-weight:700;color:var(--primary-black);margin-bottom:.5rem}.auth-subtitle{margin-top:.5rem;font-size:.875rem;color:var(--primary-grey)}.auth-form{background-color:var(--primary-white);border-radius:.75rem;box-shadow:var(--shadow-xl);padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.auth-form:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.auth-error{background-color:var(--error-red-light);border:1px solid #fecaca;color:#b91c1c;padding:1rem;border-radius:.5rem;font-size:.875rem;animation:slideIn .3s ease-out}.auth-error,.auth-form-group{margin-bottom:1.5rem}.auth-label{display:block;font-size:.875rem;font-weight:500;color:var(--primary-grey-dark);margin-bottom:.5rem}.auth-required{color:var(--error-red)}.auth-input{appearance:none;position:relative;display:block;width:100%;padding:.75rem 1rem;border:1px solid var(--border-grey);color:var(--primary-black);border-radius:.5rem;transition:all .2s}.auth-input::placeholder{color:var(--text-grey)}.auth-input:focus{outline:none;ring:2px solid var(--primary-yellow);border-color:var(--primary-yellow);z-index:10}.auth-submit{position:relative;width:100%;display:flex;justify-content:center;padding:.75rem 1rem;border:1px solid transparent;font-size:.875rem;font-weight:500;border-radius:.5rem;color:var(--primary-black);background-color:var(--primary-yellow);transition:all .2s;margin-bottom:1.5rem}.auth-submit:hover:not(:disabled){background-color:var(--primary-yellow-dark)}.auth-submit:focus{outline:none;ring:2px solid var(--primary-yellow);ring-offset:2px}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-spinner{animation:spin 1s linear infinite;border-radius:50%;height:1.25rem;width:1.25rem;border:2px solid transparent;border-bottom:2px solid var(--primary-black)}.auth-link-section{text-align:center}.auth-link-text{font-size:.875rem;color:var(--primary-grey)}.auth-link{font-weight:500;color:var(--primary-yellow-dark);transition:all .2s}.auth-link:hover{color:var(--primary-yellow)}.auth-demo{text-align:center;padding-top:1rem;border-top:1px solid var(--border-grey)}.auth-demo-text{font-size:.75rem;color:var(--text-grey)}.dashboard-container{min-height:100vh;background:linear-gradient(to bottom right,var(--light-grey),var(--medium-grey))}.dashboard-wrapper{max-width:72rem;margin:0 auto;padding:2rem 1rem}.dashboard-header{margin-bottom:3rem}.dashboard-greeting{font-size:2.25rem;font-weight:700;color:var(--primary-black);margin-bottom:.5rem}.dashboard-time{color:var(--primary-grey);font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:3rem}.stat-card{background-color:var(--primary-white);border-radius:.75rem;padding:1.5rem;box-shadow:none;transition:all .2s ease;border:2px solid var(--border-grey)}.stat-card:hover{transform:none;box-shadow:none;border-color:var(--primary-black)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-title{font-size:.875rem;font-weight:500;color:var(--primary-grey);text-transform:uppercase;letter-spacing:.05em}.stat-icon{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-value{font-size:2.25rem;font-weight:700;color:var(--primary-black);margin-bottom:.25rem}.stat-change{font-size:.875rem;font-weight:500}.stat-change.positive{color:var(--success-green)}.stat-change.negative{color:var(--error-red)}.stat-change.neutral{color:var(--primary-grey)}.profile-header{background:linear-gradient(to right,var(--primary-yellow),var(--primary-yellow-dark));border-radius:.75rem;box-shadow:var(--shadow-xl);padding:2rem;color:var(--primary-white)}.profile-header-content{display:flex;flex-direction:column;gap:1.5rem}.profile-avatar-section{display:flex;align-items:center;gap:1.5rem}.profile-avatar{width:6rem;height:6rem;background-color:var(--primary-white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.profile-avatar-text{font-size:2.5rem;font-weight:700;color:var(--primary-yellow-dark)}.profile-info{flex:1}.profile-name{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.profile-student-id{color:#fef3c7;font-size:1.125rem;margin-bottom:.25rem}.profile-member-since{color:#fde68a;font-size:.875rem}.profile-performance{text-align:center;margin-top:1rem}.performance-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;font-weight:600;gap:.5rem}.performance-emoji{font-size:1.125rem}.performance-label{color:#fef3c7;font-size:.875rem;margin-top:.5rem}.stat-content{display:flex;align-items:center;justify-content:space-between}.stat-details{flex:1}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-black);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--primary-grey-dark)}.profile-stats-list{display:flex;flex-direction:column;gap:1rem}.profile-stat-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--light-grey);border-radius:.5rem}.profile-stat-label{font-weight:500;color:var(--primary-grey-dark)}.profile-stat-value{font-size:1.125rem;font-weight:700;color:var(--primary-black)}.achievements-list{display:flex;flex-direction:column;gap:1rem}.achievement-item{padding:1rem;border-radius:.5rem;border:2px solid;transition:all .2s}.achievement-unlocked{border-color:#86efac;background-color:var(--success-green-light)}.achievement-locked{border-color:var(--border-grey);background-color:var(--light-grey)}.achievement-content{display:flex;align-items:center;justify-content:space-between}.achievement-info{display:flex;align-items:center;gap:.75rem}.achievement-icon{font-size:1.5rem}.achievement-icon-locked{filter:grayscale(100%);opacity:.5}.achievement-details{flex:1}.achievement-title{font-weight:600;margin-bottom:.25rem}.achievement-description{font-size:.875rem}.achievement-status{text-align:right}.achievement-unlocked-text{color:var(--success-green);font-weight:600}.achievement-progress-text{font-size:.875rem;color:var(--primary-grey)}.achievement-progress-bar{margin-top:.75rem}.progress-bar-bg{width:100%;background-color:var(--border-grey);border-radius:9999px;height:.5rem}.progress-bar-fill{background-color:var(--primary-yellow);height:.5rem;border-radius:9999px;transition:all .3s}.performance-chart-placeholder{background:linear-gradient(to right,var(--primary-yellow-lighter),#e0e7ff);border-radius:.5rem;padding:2rem;text-align:center}.chart-icon{font-size:3.75rem;margin-bottom:1rem}.chart-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.chart-description,.chart-title{color:var(--primary-grey-dark)}.quiz-container{max-width:56rem;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 4rem)}.quiz-header{background-color:var(--primary-white);border:2px solid var(--border-grey);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.quiz-progress{font-size:1rem;font-weight:600;color:var(--primary-grey-dark)}.quiz-content{background-color:var(--primary-white);border:2px solid var(--border-grey);border-radius:.75rem;padding:2rem;margin-bottom:1.5rem}.quiz-question{font-size:1.5rem;font-weight:600;color:var(--primary-black);margin-bottom:2rem;line-height:1.4}.quiz-option:hover{border-color:var(--primary-black)}.quiz-option.selected{color:var(--primary-yellow-dark)}.quiz-option-letter{background-color:var(--border-grey);color:var(--primary-grey-dark)}.quiz-option.selected .quiz-option-letter{background-color:var(--primary-yellow)}.quiz-navigation{padding-top:1.5rem}.quiz-nav-button{min-width:120px;padding:.75rem 1.5rem;border-radius:.5rem;border:2px solid var(--border-grey);font-weight:500;cursor:pointer;transition:all .2s}.quiz-nav-button.previous{background-color:var(--medium-grey);color:var(--primary-grey-dark)}.quiz-nav-button.previous:hover:not(:disabled){background-color:var(--border-grey);border-color:var(--primary-grey-dark)}.quiz-nav-button.next{background-color:var(--primary-yellow);color:var(--primary-black);border-color:var(--primary-yellow)}.quiz-nav-button.next:hover:not(:disabled){background-color:var(--primary-yellow-dark);border-color:var(--primary-yellow-dark)}.quiz-nav-button:disabled{opacity:.5;cursor:not-allowed}.quiz-results-container{min-height:calc(100vh - 4rem);padding:2rem 1rem;display:flex;align-items:center;justify-content:center;margin:1rem;box-shadow:none!important}.quiz-results-card,.quiz-results-container{background-color:var(--primary-white);border:2px solid var(--border-grey);border-radius:.75rem}.quiz-results-card{max-width:600px;width:100%;padding:2rem;text-align:center;margin:0 auto;box-shadow:none}.quiz-results-title{font-weight:700;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.quiz-results-stats{border:2px solid var(--border-grey);box-shadow:none!important;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:90%;margin-left:auto;margin-right:auto}.quiz-results-score{font-size:1.5rem;font-weight:600}.quiz-results-correct,.quiz-results-score{color:var(--primary-black);margin-bottom:1rem}.quiz-results-correct{font-size:1.2rem}.quiz-results-time{font-size:1.2rem;color:var(--primary-black)}.quiz-results-actions{display:flex;gap:0;justify-content:center;flex-wrap:wrap;margin-top:2rem}.quiz-results-toggle{display:flex;border:2px solid var(--border-grey);border-radius:.5rem;overflow:hidden;background:var(--primary-white);box-shadow:none}.quiz-toggle-btn{padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border:none;background:none;color:var(--primary-black);cursor:pointer;transition:background .2s,color .2s;outline:none}.quiz-toggle-btn.active{background:var(--primary-yellow);color:var(--primary-black)}.quiz-toggle-btn:not(.active){background:var(--primary-white);color:var(--primary-grey-dark)}.quiz-toggle-btn:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.quiz-toggle-btn:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.quiz-toggle-btn:focus{z-index:1;box-shadow:0 0 0 2px var(--primary-yellow)}.quiz-review-section{margin-top:2rem;border:2px solid var(--border-grey);border-radius:.75rem;padding:1.5rem;background:var(--primary-white)}.quiz-review-title{font-size:1.25rem;font-weight:700;color:var(--primary-black);margin-bottom:1.5rem;text-align:center}.quiz-review-item{margin-bottom:1.5rem;padding:1rem;border:2px solid var(--border-grey);border-radius:.5rem;background:var(--primary-white)}.quiz-review-item.incorrect,.quiz-review-item.unanswered{border-color:var(--error-red);background:var(--error-red-light)}.quiz-review-question{font-size:1rem;font-weight:600;color:var(--primary-black);margin-bottom:1rem;line-height:1.4}.quiz-review-number{color:var(--primary-yellow-dark);font-weight:700;margin-right:.5rem}.quiz-review-options{display:flex;flex-direction:column;gap:.5rem}.quiz-review-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid var(--border-grey);border-radius:.375rem;background:var(--primary-white);position:relative}.quiz-review-option.correct{border-color:var(--success-green);background:var(--success-green-light)}.quiz-review-option.incorrect{border-color:var(--error-red);background:var(--error-red-light)}.quiz-review-option-letter{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--border-grey);border-radius:50%;font-weight:700;color:var(--primary-grey-dark);font-size:.75rem;flex-shrink:0}.quiz-review-option.correct .quiz-review-option-letter{background:var(--success-green);color:var(--primary-white)}.quiz-review-option.incorrect .quiz-review-option-letter{background:var(--error-red);color:var(--primary-white)}.quiz-review-option-text{flex:1;font-weight:500;color:var(--primary-black)}.quiz-review-correct-mark{color:var(--success-green);font-weight:700;font-size:1.125rem;margin-left:.5rem}.quiz-review-incorrect-mark{color:var(--error-red);font-weight:700;font-size:1.125rem;margin-left:.5rem}.quiz-review-unanswered{margin-top:.75rem;padding:.5rem;background:var(--error-red-light);border:1px solid var(--error-red);border-radius:.375rem;text-align:center}.quiz-review-unanswered-text{color:var(--error-red);font-weight:600;font-size:.875rem}.quiz-results-button{padding:1rem 2rem;border-radius:.25rem;border:1px solid var(--border-grey);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.quiz-results-button.try-again{background-color:var(--primary-yellow);color:var(--primary-black)}.quiz-results-button.try-again:hover{background-color:var(--primary-yellow-dark)}.quiz-results-button.dashboard{background-color:var(--primary-yellow);color:var(--primary-black)}.quiz-results-button.dashboard:hover{background-color:var(--primary-yellow-dark)}@media (max-width:768px){.quiz-container{padding:1rem .5rem}.quiz-header{flex-direction:column;align-items:flex-start;gap:.75rem}.quiz-content{padding:1.5rem}.quiz-question{font-size:1.25rem}.quiz-navigation{flex-direction:column}.quiz-nav-button{width:100%}.quiz-results-card{margin:1rem;padding:1.5rem}.quiz-results-title{font-size:1.5rem}.quiz-results-actions{flex-direction:column}.quiz-results-button{width:100%}}.leaderboard-container{max-width:56rem;margin:0 auto;padding:2rem 1rem}.leaderboard-header{background-color:var(--primary-white);border:2px solid var(--border-grey);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.leaderboard-title{font-size:2rem;font-weight:700;color:var(--primary-black);margin-bottom:.5rem}.leaderboard-subtitle{font-size:1rem;color:var(--primary-grey)}.leaderboard-list{background-color:var(--primary-white);border:2px solid var(--border-grey);border-radius:.75rem;overflow:hidden}.leaderboard-item{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-grey);transition:background-color .2s}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background-color:var(--light-grey)}.leaderboard-item.current-user{background-color:var(--primary-yellow-lighter);border-left:4px solid var(--primary-yellow)}.leaderboard-rank{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:var(--border-grey);border-radius:50%;font-weight:700;font-size:1.125rem;color:var(--primary-grey-dark);margin-right:1rem;flex-shrink:0}.leaderboard-rank.top-1{background-color:#ffd700;color:var(--primary-black)}.leaderboard-rank.top-2{background-color:#c0c0c0;color:var(--primary-black)}.leaderboard-rank.top-3{background-color:#cd7f32;color:var(--primary-white)}.leaderboard-user-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.leaderboard-user-name{font-weight:600;color:var(--primary-black);font-size:1.125rem}.leaderboard-user-id{font-size:.875rem;color:var(--primary-grey)}.leaderboard-stats{display:flex;gap:1.5rem;margin-left:auto}.leaderboard-stat{text-align:center;min-width:4rem}.leaderboard-stat-value{font-weight:700;font-size:1.125rem;color:var(--primary-black);display:block}.leaderboard-stat-label{font-size:.75rem;color:var(--primary-grey);text-transform:uppercase;letter-spacing:.05em}.leaderboard-empty{text-align:center;padding:3rem 1.5rem;color:var(--primary-grey)}.leaderboard-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.leaderboard-empty-text{font-size:1.125rem;margin-bottom:.5rem}.leaderboard-empty-subtext{font-size:.875rem}@media (max-width:768px){.leaderboard-container{padding:1rem .5rem}.leaderboard-header{padding:1rem}.leaderboard-title{font-size:1.5rem}.leaderboard-item{padding:.75rem 1rem;flex-wrap:wrap;gap:.75rem}.leaderboard-rank{width:2.5rem;height:2.5rem;font-size:1rem;margin-right:.75rem}.leaderboard-stats{width:100%;justify-content:space-around;margin-left:0;margin-top:.5rem}.leaderboard-stat{min-width:auto}}.quiz-header-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.quiz-title{font-size:1.5rem;font-weight:700;color:var(--primary-black)}.quiz-header-info{gap:1rem;margin-top:.5rem}.quiz-timer{color:var(--primary-grey-dark)}.timer-warning{color:var(--error-red)}.quiz-progress-text{font-size:1.125rem;font-weight:600;color:var(--primary-grey-dark)}.quiz-progress-bar{width:100%;background-color:var(--border-grey);border-radius:9999px;height:.5rem}.quiz-progress-fill{background-color:var(--primary-yellow);height:.5rem;border-radius:9999px;transition:all .3s}.quiz-question-card{background-color:var(--primary-white);box-shadow:var(--shadow-lg);border-radius:.75rem;padding:2rem}.quiz-question-header{margin-bottom:1.5rem}.quiz-question-meta{gap:.75rem}.difficulty-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.quiz-category{font-size:.875rem;color:var(--primary-grey)}.quiz-points{font-size:.875rem;font-weight:500;color:var(--primary-yellow-dark)}.quiz-question-title{font-size:1.25rem;font-weight:600;color:var(--primary-black)}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.quiz-option{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;text-align:left;border-radius:.5rem;border:2px solid var(--border-grey);background-color:var(--primary-white);color:var(--primary-grey-dark);transition:all .2s;cursor:pointer}.quiz-option:hover{border-color:var(--border-grey-dark);background-color:var(--light-grey);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quiz-option.selected{border-color:var(--primary-yellow);background-color:var(--primary-yellow-lighter);color:#92400e}.quiz-option-content,.quiz-option-radio{display:flex;align-items:center}.quiz-option-radio{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--border-grey-dark);margin-right:.75rem;justify-content:center;flex-shrink:0}.quiz-option-radio.selected{border-color:var(--primary-yellow);background-color:var(--primary-yellow)}.quiz-option-dot{width:.5rem;height:.5rem;background-color:var(--primary-white);border-radius:50%}.quiz-option-text{font-weight:500;flex:1}.quiz-next-container{display:flex;justify-content:flex-end}.quiz-next-button{padding:.75rem 2rem;background-color:var(--primary-yellow);color:var(--primary-black);font-weight:500;border-radius:.5rem;transition:all .2s;border:none;cursor:pointer}.quiz-next-button:hover:not(:disabled){background-color:var(--primary-yellow-dark)}.quiz-next-button:disabled{opacity:.5;cursor:not-allowed}.quiz-review{gap:1rem;margin-bottom:2rem}.quiz-review,.quiz-review-list{display:flex;flex-direction:column}.quiz-review-list{max-height:24rem;overflow-y:auto;gap:.75rem}.quiz-answer-review{padding:1rem;border-radius:.5rem;border-left:4px solid}.quiz-answer-review.correct{border-left-color:var(--success-green);background-color:var(--success-green-light)}.quiz-answer-review.incorrect{border-left-color:var(--error-red);background-color:var(--error-red-light)}.quiz-answer-content{display:flex;align-items:flex-start;justify-content:space-between}.quiz-answer-details{flex:1}.quiz-question-text{font-weight:500;margin-bottom:.25rem}.quiz-answer-text,.quiz-correct-answer{font-size:.875rem;margin-top:.25rem}.quiz-correct-answer{color:var(--success-green)}.quiz-answer-meta{margin-left:1rem;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.quiz-status-correct{color:var(--success-green);font-size:1.25rem}.quiz-status-incorrect{color:var(--error-red);font-size:1.25rem}.quiz-actions{flex-direction:column;gap:1rem}@media (min-width:812px){.container{padding:0 1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.navbar-nav,.navbar-user{display:flex}.navbar-mobile-button{display:none}.profile-header-content{flex-direction:row;align-items:center;justify-content:space-between}.profile-performance{text-align:right;margin-top:0}.quiz-header-content{flex-direction:row;align-items:center;justify-content:space-between}.quiz-header-info{margin-top:0}.quiz-actions{flex-direction:row}}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-cols-md-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.container{padding:0 2rem}.stats-grid{grid-template-columns:repeat(4,1fr)}.grid-cols-lg-2{grid-template-columns:repeat(2,1fr)}.grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--light-grey)}::-webkit-scrollbar-thumb{background:var(--primary-grey);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-grey-dark)}.loading-container{display:flex;align-items:center;justify-content:center;height:24rem}.loading-spinner{animation:spin 1s linear infinite;border-radius:50%;height:8rem;width:8rem;border:8px solid var(--light-grey);border-bottom-color:var(--primary-yellow)}.quiz-difficulty-wrapper{max-width:64rem;margin:0 auto;padding:1.5rem 1rem}.quiz-difficulty-header{text-align:center;margin-bottom:2rem}.quiz-difficulty-title{font-size:2rem;font-weight:800;color:var(--primary-black);margin-bottom:.75rem;background:linear-gradient(135deg,var(--primary-yellow),var(--primary-yellow-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-difficulty-subtitle{font-size:1rem;color:var(--primary-grey);max-width:32rem;margin:0 auto}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.quiz-difficulty-card{background:var(--primary-white);border:2px solid var(--border-grey);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease;cursor:pointer;max-width:300px;margin:0 auto}.quiz-difficulty-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.15)}.quiz-difficulty-card.beginner:hover{box-shadow:0 10px 25px rgba(34,197,94,.3),0 0 20px rgba(34,197,94,.2);border-color:#22c55e}.quiz-difficulty-card.elementary:hover{box-shadow:0 10px 25px rgba(249,115,22,.3),0 0 20px rgba(249,115,22,.2);border-color:#f97316}.quiz-difficulty-card.intermediate:hover{box-shadow:0 10px 25px rgba(59,130,246,.3),0 0 20px rgba(59,130,246,.2);border-color:#3b82f6}.quiz-difficulty-card.advanced:hover{box-shadow:0 10px 25px rgba(147,51,234,.3),0 0 20px rgba(147,51,234,.2);border-color:#9333ea}.difficulty-card-header{padding:1rem;text-align:center;position:relative}.difficulty-card-title{font-size:1.25rem;font-weight:700;color:var(--primary-white);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.difficulty-card-content{padding:1.25rem}.difficulty-card-description{font-size:.875rem;color:var(--primary-grey);margin-bottom:1.25rem;line-height:1.5}.difficulty-card-stats{display:flex;justify-content:space-around;margin-bottom:1.25rem;padding:.75rem;background:var(--light-grey);border-radius:.5rem}.difficulty-stat{text-align:center}.difficulty-stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-black)}.difficulty-stat-label{font-size:.75rem;color:var(--primary-grey);text-transform:uppercase;letter-spacing:.5px}.difficulty-card-examples{margin-bottom:1.25rem}.difficulty-examples-title{font-size:.875rem;font-weight:600;color:var(--primary-black);margin-bottom:.5rem}.difficulty-examples-list{list-style:none;padding:0;margin:0}.difficulty-examples-list li{font-size:.75rem;color:var(--primary-grey);margin-bottom:.25rem;padding-left:.5rem}.difficulty-select-btn{width:100%;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--primary-white);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.difficulty-select-btn:hover{filter:brightness(110%);transform:translateY(-1px)}.difficulty-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-grey)}.quiz-results-wrapper{max-width:42rem;margin:0 auto;padding:1.5rem 1rem}.quiz-results-header{text-align:center;margin-bottom:2rem}.quiz-results-title{font-size:2rem;font-weight:800;color:var(--primary-black);margin-bottom:.75rem;background:linear-gradient(135deg,var(--primary-yellow),var(--primary-yellow-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-results-difficulty{display:inline-block;padding:.5rem 1rem;border-radius:1.5rem;color:var(--primary-white);font-weight:600;font-size:.875rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.quiz-results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--primary-white);border-radius:.75rem;box-shadow:var(--shadow-md)}.quiz-result-stat{text-align:center;padding:.75rem}.quiz-result-number{display:block;font-size:2rem;font-weight:800;color:var(--primary-black);margin-bottom:.25rem}.quiz-result-label{font-size:.75rem;color:var(--primary-grey);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.quiz-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.quiz-actions .btn{min-width:120px}.quiz-wrapper{max-width:56rem;margin:0 auto;padding:2rem 1rem}.quiz-difficulty-badge{display:inline-block;padding:.5rem 1rem;border-radius:1.5rem;color:var(--primary-white);font-weight:600;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-left:1rem}.quiz-header-info,.quiz-header-stats{display:flex;align-items:center}.quiz-header-stats{gap:2rem}.quiz-timer{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--primary-black)}.quiz-timer-icon{font-size:1.25rem}.quiz-progress-info{font-size:1rem;color:var(--primary-grey);font-weight:500}.quiz-question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--border-grey)}.quiz-question-difficulty{font-size:.875rem;color:var(--primary-grey);font-weight:500}.quiz-question-points{font-size:.875rem;color:var(--primary-yellow-dark);font-weight:600;background:var(--primary-yellow-lighter);padding:.25rem .75rem;border-radius:1rem}.quiz-question-text{font-size:1.5rem;font-weight:600;color:var(--primary-black);margin-bottom:2rem;line-height:1.4}.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--light-grey);border-radius:50%;font-weight:700;color:var(--primary-grey);margin-right:1rem;flex-shrink:0}.quiz-option.selected .quiz-option-letter{background:var(--primary-yellow);color:var(--primary-white)}.quiz-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-grey)}.quiz-navigation .btn{min-width:120px}@media (max-width:768px){.quiz-difficulty-title,.quiz-results-title{font-size:1.75rem}.difficulty-grid{grid-template-columns:1fr}.quiz-actions{flex-direction:column}.quiz-actions .btn{width:100%}.quiz-navigation{flex-direction:column}.quiz-navigation .btn{width:100%}}