:root{--shadow-soft: 0 10px 30px rgba(0, 0, 0, .28);--shadow-strong: 0 18px 45px rgba(0, 0, 0, .42);--shadow-blue: 0 14px 34px rgba(77, 159, 255, .22);--ease-out: cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(77,159,255,.12),transparent 32rem),radial-gradient(circle at top right,rgba(0,214,143,.08),transparent 28rem),var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 70%);z-index:-1}button,a,input,select,textarea{transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out),background-color .18s var(--ease-out),color .18s var(--ease-out),opacity .18s var(--ease-out),filter .18s var(--ease-out)}button:not(:disabled){will-change:transform,box-shadow}button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-blue);filter:brightness(1.06)}button:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:none}button:disabled{opacity:.62}a:hover{filter:brightness(1.12)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue)!important;box-shadow:0 0 0 4px #4d9fff24}div[style*="background: var(--bg2)"][style*="border: 1px solid var(--border)"],div[style*="background: var(--bg3)"][style*="border: 1px solid var(--border)"],div[style*="background: var(--bg2);"][style*="border: 1px solid var(--border)"]{transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s var(--ease-out),background-color .22s var(--ease-out)}div[style*="background: var(--bg2)"][style*="border: 1px solid var(--border)"]:hover,div[style*="background: var(--bg3)"][style*="border: 1px solid var(--border)"]:hover,div[style*="background: var(--bg2);"][style*="border: 1px solid var(--border)"]:hover{border-color:#4d9fff73!important;box-shadow:var(--shadow-soft)}.nav-link:hover{background:#4d9fff1c!important;color:var(--text)!important;transform:translateY(-1px)}.course-card:not(.locked):hover,.topic-card:not(.locked):hover,.dashboard-card:hover,.report-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong);border-color:#4d9fff73!important}.course-card:not(.locked):hover .course-icon,.topic-card:not(.locked):hover .topic-icon{transform:scale(1.08) rotate(-2deg)}.course-icon,.topic-icon{display:inline-flex;transition:transform .22s var(--ease-out)}.quiz-option:hover,.exam-option:hover{transform:translate(4px);border-color:#4d9fff8c!important;box-shadow:0 10px 24px #0000003d}.progress-animated{position:relative;overflow:hidden}.progress-animated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:progressShine 2.8s infinite}@keyframes progressShine{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}