:root{--edu-card-radius-xl: 28px;--edu-card-radius-lg: 22px;--edu-card-radius-md: 16px;--edu-card-radius-sm: 12px;--edu-card-shadow-lg: 0 28px 70px rgba(0,0,0,.38);--edu-card-shadow-md: 0 18px 50px rgba(0,0,0,.28);--edu-card-shadow-sm: 0 10px 30px rgba(0,0,0,.2);--edu-card-bg-base: rgba(15,23,42,.96);--edu-card-bg-deep: rgba(8,13,31,.92);--edu-card-bg-darker: rgba(2,6,23,.96);--edu-card-border-subtle: rgba(148,163,184,.12);--edu-card-border-mid: rgba(148,163,184,.14);--edu-card-glow-opacity: .08;--edu-card-transition: .2s ease;--edu-radius-xl: var(--edu-card-radius-xl);--edu-radius-lg: var(--edu-card-radius-lg);--edu-radius-md: var(--edu-card-radius-md);--edu-radius-sm: var(--edu-card-radius-sm);--edu-shadow-lg: var(--edu-card-shadow-lg);--edu-shadow-md: var(--edu-card-shadow-md);--edu-shadow-sm: var(--edu-card-shadow-sm)}.edu-card{--card-color: var(--edu-accent, #8B5CF6);position:relative;overflow:hidden;border-radius:var(--edu-card-radius-xl);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--card-color) 20%,transparent),transparent 45%),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--card-color) 10%,transparent),transparent 50%),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--card-color) 6%,transparent),transparent 60%),linear-gradient(145deg,var(--edu-card-bg-base),var(--edu-card-bg-deep) 48%,var(--edu-card-bg-darker));border:1.5px solid color-mix(in srgb,var(--card-color) 30%,var(--edu-card-border-mid));box-shadow:var(--edu-card-shadow-lg),0 0 30px color-mix(in srgb,var(--card-color) var(--edu-card-glow-opacity),transparent),inset 0 0 0 1px #ffffff0a;transition:transform var(--edu-card-transition),border-color var(--edu-card-transition),box-shadow var(--edu-card-transition)}.edu-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.04) 0%,transparent 40%);pointer-events:none;z-index:0}.edu-card>*{position:relative;z-index:1}.edu-card--sm{border-radius:var(--edu-card-radius-md);padding:14px}.edu-card--hero{--edu-card-glow-opacity: .14;border-radius:var(--edu-card-radius-xl);border-color:color-mix(in srgb,var(--card-color) 45%,var(--edu-card-border-mid));box-shadow:var(--edu-card-shadow-lg),0 0 40px color-mix(in srgb,var(--card-color) .14,transparent),inset 0 0 0 1px #ffffff0f}.edu-card--minimal{border-radius:var(--edu-card-radius-md);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--card-color) 8%,transparent),transparent 50%),#ffffff0a;border:1px solid color-mix(in srgb,var(--card-color) 18%,rgba(255,255,255,.08));box-shadow:none;--edu-card-glow-opacity: 0}.edu-card--accent{--edu-card-glow-opacity: .12;border-color:color-mix(in srgb,var(--card-color) 50%,rgba(255,255,255,.12));box-shadow:var(--edu-card-shadow-md),0 0 24px color-mix(in srgb,var(--card-color) .12,transparent)}.edu-card--flat{background:var(--edu-card-bg-base);border:1px solid var(--edu-card-border-subtle);box-shadow:none;--edu-card-glow-opacity: 0}.edu-card--flat:before{display:none}.edu-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-color) 50%,rgba(148,163,184,.2));box-shadow:var(--edu-card-shadow-lg),0 0 30px color-mix(in srgb,var(--card-color) .14,transparent)}.edu-card--minimal:hover{border-color:color-mix(in srgb,var(--card-color) 30%,rgba(255,255,255,.12));box-shadow:0 0 20px color-mix(in srgb,var(--card-color) .06,transparent)}.edu-card--flat:hover{border-color:color-mix(in srgb,var(--card-color) 25%,rgba(148,163,184,.15))}.edu-card.is-selected{border-color:var(--card-color);box-shadow:0 0 0 1px var(--card-color),var(--edu-card-shadow-lg),0 0 40px color-mix(in srgb,var(--card-color) .2,transparent)}.edu-card--click{cursor:pointer}.edu-card--click:active{transform:translateY(-1px) scale(.99)}.edu-summary-card{text-align:center;padding:14px 8px;border-radius:var(--edu-card-radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.edu-summary-card .edu-summary-icon{font-size:22px;display:block;margin-bottom:4px}.edu-summary-card strong{display:block;color:#fff;font-size:18px;font-weight:950}.edu-summary-card small{display:block;margin-top:1px;color:#ffffff73;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}:root{--cham-pos: tr;--cham-x: 0;--cham-y: 0;--cham-rotate: 0deg;--cham-scale: .9;--cham-size: 64px}.edu-card--chameleon:after{content:"";position:absolute;width:var(--cham-size);height:var(--cham-size);background-image:var(--cham-pose, var(--chameleon-img, none));background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;z-index:2;opacity:0;transition:opacity .4s ease,transform .4s ease;transform:translate(var(--cham-x),var(--cham-y)) rotate(var(--cham-rotate)) scale(var(--cham-scale))}.edu-card--chameleon:hover:after,.edu-card--chameleon.is-visible:after{opacity:1}.edu-card--chameleon[data-cham-pos=tr]{--cham-x: 0;--cham-y: 0;--cham-rotate: -5deg;--cham-scale: .9;--cham-size: 64px}.edu-card--chameleon[data-cham-pos=tr]:after{top:-8px;right:-8px}.edu-card--chameleon[data-cham-pos=tl]{--cham-x: 0;--cham-y: 0;--cham-rotate: 5deg;--cham-scale: .9, -1;--cham-size: 64px}.edu-card--chameleon[data-cham-pos=tl]:after{top:-8px;left:-8px;transform:translate(var(--cham-x),var(--cham-y)) rotate(var(--cham-rotate)) scaleX(-1) scale(var(--cham-scale))}.edu-card--chameleon[data-cham-pos=br]{--cham-x: 0;--cham-y: 0;--cham-rotate: 10deg;--cham-scale: .85;--cham-size: 58px}.edu-card--chameleon[data-cham-pos=br]:after{bottom:-6px;right:-6px}.edu-card--chameleon[data-cham-pos=bl]{--cham-x: 0;--cham-y: 0;--cham-rotate: -10deg;--cham-scale: .85;--cham-size: 58px}.edu-card--chameleon[data-cham-pos=bl]:after{bottom:-6px;left:-6px;transform:translate(var(--cham-x),var(--cham-y)) rotate(var(--cham-rotate)) scaleX(-1) scale(var(--cham-scale))}.edu-card--chameleon[data-cham-pos=sr]{--cham-size: 50px}.edu-card--chameleon[data-cham-pos=sr]:after{top:50%;right:-12px;transform:translateY(-50%) rotate(-15deg) scale(.8)}.edu-card--chameleon[data-cham-pos=sl]{--cham-size: 50px}.edu-card--chameleon[data-cham-pos=sl]:after{top:50%;left:-12px;transform:translateY(-50%) scaleX(-1) rotate(-15deg) scale(.8)}.edu-card--chameleon:before{z-index:0}.edu-card--chameleon>*{z-index:1}.edu-card--chameleon{overflow:visible}@keyframes chameleonBreathe{0%,to{opacity:.7}50%{opacity:1}}.edu-card--chameleon.is-visible:after{animation:chameleonBreathe 3s ease-in-out infinite}.edu-card--chameleon-lg:after{width:80px!important;height:80px!important}.edu-card--chameleon-sm:after{width:40px!important;height:40px!important}
