.card{background-color:var(--fourth-color)!important}.price{color:var(--secondary-color)!important}.grades-container{background:linear-gradient(135deg, color-mix(in srgb, var(--secondary-color) 8%, transparent) 0%, color-mix(in srgb, var(--secondary-color) 5%, transparent) 100%);border:1px solid color-mix(in srgb, var(--secondary-color) 15%, transparent)!important}.grade-btn{background:linear-gradient(135deg, var(--fourth-color) 0%, var(--fourth-color-hover) 100%);cursor:pointer;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-secondary)!important;border:1.5px solid var(--fourth-color-background)!important}.grade-btn:before{content:"";background:#ffffff1a;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.grade-btn:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--secondary-color) 30%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grade-btn:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--secondary-color) 20%, transparent);transform:translateY(-2px);color:var(--text-primary)!important;border-color:var(--secondary-color)!important}.grade-btn:hover:before{left:100%}.grade-btn:active:after{width:300px;height:300px}.grade-btn.active{box-shadow:0 12px 32px color-mix(in srgb, var(--secondary-color) 40%, transparent), inset 0 1px 0 #fff3;background:linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-color-hover) 100%)!important;color:var(--text-primary)!important;border-color:var(--secondary-color)!important}
.features{z-index:1;background:var(--features-color);padding:2rem;position:relative}@keyframes borderMove{0%{border-image-source:linear-gradient(#e79325,#117a8b,#17a2b8,#c0720c,#e79325)}25%{border-image-source:linear-gradient(90deg,#e79325,#c0720c,#17a2b8,#117a8b,#e79325)}50%{border-image-source:linear-gradient(#e79325,#c0720c,#17a2b8,#117a8b,#e79325)}75%{border-image-source:linear-gradient(270deg,#e79325,#c0720c,#17a2b8,#117a8b,#e79325)}to{border-image-source:linear-gradient(360deg,#e79325,#c0720c,#17a2b8,#117a8b,#e79325)}}
.features-card{background-color:var(--fourth-color-background);border:var(--secondary-color) 1px solid;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 0 10px #e7932560,0 0 20px #17a3b830;max-height:261.22px!important}.features-card:hover{box-shadow:0 0 20px #e79325a8,0 0 40px #17a3b84b}.features-card:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(120deg,#0000 0%,#fff6 50%,#0000 100%);width:200%;height:200%;animation:2.6s ease-in-out infinite shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)}@keyframes shimmer{0%{opacity:0;transform:translate(-100%)rotate(25deg)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(100%)rotate(25deg)}}.features-card svg{color:var(--secondary-color);animation:2s infinite bouncing}@keyframes bouncing{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}
.academy-logo{width:min(100%,520px);animation:5s ease-in-out infinite academyFloat}@keyframes academyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.video-preview-window{direction:ltr;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.video-preview-track{will-change:transform;direction:ltr;width:max-content;animation:24s linear infinite previewSlide}.video-preview-card{aspect-ratio:16/10;flex:none;width:clamp(220px,28vw,320px);box-shadow:0 10px 24px #0003}.video-preview-card img{filter:saturate(.9)brightness(.78);transition:filter .3s}.video-lock-overlay{text-shadow:0 2px 8px #000000a6;background:linear-gradient(135deg,#080d1433,#080d14b8);inset:0}.video-play-icon{width:44px;height:44px;color:var(--secondary-color);background:#ffffffe6;padding-left:2px;box-shadow:0 0 0 7px #6bc0e733}@keyframes previewSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.academy-logo,.video-preview-track{animation:none}}
