*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#1e293b;line-height:1.6;min-height:100vh}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background:#ddd6fe;color:#2e1065}a,button{transition:all .15s ease}:focus-visible{outline:2px solid #7c3aed;outline-offset:2px;border-radius:4px}audio{border-radius:12px}img{max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.tab-btn{padding:12px 24px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.95rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab-btn:hover{color:#7c3aed}.tab-btn.active{color:#7c3aed;border-bottom-color:#7c3aed}.material-card{transition:all .2s ease}.material-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed1a}.quiz-option:hover:not(:disabled){transform:translate(4px);border-color:#a78bfa!important;background:#f5f3ff!important}@media(max-width:768px){.nav-container{flex-direction:column;gap:12px;padding:12px 0}.nav-items-group{width:100%;justify-content:center;overflow-x:auto;padding-bottom:4px}.main-content{padding:16px!important}.user-name{display:none}.dashboard-grid{grid-template-columns:1fr!important}.mobile-container{flex-direction:column!important}}