:root{--aula-ease-out:cubic-bezier(.22, 1, .36, 1);--aula-ease-spring:cubic-bezier(.32, .72, 0, 1)}@keyframes aulaSlideUp{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes aulaPulseGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}@keyframes aulaGearSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes aulaStripeMove{0%{background-position:0 0}to{background-position:28px 0}}.aula-reveal,.aula-stagger>*{animation:aulaSlideUp .55s var(--aula-ease-out) both}.aula-stagger>:first-child{animation-delay:40ms}.aula-stagger>:nth-child(2){animation-delay:90ms}.aula-stagger>:nth-child(3){animation-delay:.14s}.aula-stagger>:nth-child(4){animation-delay:.19s}.aula-stagger>:nth-child(5){animation-delay:.24s}.aula-stagger>:nth-child(6){animation-delay:.29s}.aula-gear-spin{animation:48s linear infinite aulaGearSlow}.aula-bezel{transition:transform .22s var(--aula-ease-out), border-color .22s var(--aula-ease-out), box-shadow .22s var(--aula-ease-out);background:linear-gradient(145deg,#0d5bd914,#12944214);border:1px solid #0d5bd924;border-radius:26px;padding:6px;box-shadow:0 1px 2px #082f680d,0 12px 32px -8px #082f6814,inset 0 1px #ffffffd9}@media (hover:hover) and (pointer:fine){.aula-bezel-interactive:hover{border-color:#12944273;transform:translateY(-4px);box-shadow:0 20px 40px -12px #082f6829,0 0 0 1px #12944240}}.aula-clip-corner{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.aula-progress-fill{background:linear-gradient(90deg,#0d5bd9 0%,#129442 60%,#22c55e 100%);position:relative;overflow:hidden}.aula-progress-fill:after{content:"";background-image:linear-gradient(-45deg,#ffffff38 25%,#0000 25% 50%,#ffffff38 50% 75%,#0000 75%,#0000);background-size:28px 28px;animation:1.4s linear infinite aulaStripeMove;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.aula-reveal,.aula-stagger>*,.aula-gear-spin,.aula-progress-fill:after{animation:none!important}.aula-bezel-interactive:hover{transform:none!important}}
