.card3d-stage{--rx:8deg;--ry:-20deg;--mx:50%;--my:30%;--rim:var(--electric,#38bdf8);--face:linear-gradient(160deg, #163a5c, #070f1e);--shield-mask:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20420%22%3E%3Cpath%20d%3D%22M150%206c55%200%20105%208%20138%2020v270c0%2042-16%2064-44%2080l-86%2039c-5%203-11%203-16%200l-86-39c-28-16-44-38-44-80V26C45%2014%2095%206%20150%206%22%2F%3E%3C%2Fsvg%3E);isolation:isolate;perspective:1000px;position:relative}.card3d-stage[data-pedestal=true]{padding-block:1.5rem 4.5rem}@property --sway{syntax:"<angle>";inherits:false;initial-value:0deg}.card3d,.card3d-float{transform-style:preserve-3d}.card3d{--lift:0px;width:var(--card-w,100%);font-size:calc(.03333 * var(--card-w,300px));aspect-ratio:300/420;transform:translateZ(var(--lift)) rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--sway)));transition:transform .7s cubic-bezier(.22,1,.36,1);position:relative}.card3d-stage[data-tilting=true] .card3d{--lift:26px;transition:transform .14s ease-out}.card3d-layer{width:100%;height:100%;transform:translateZ(var(--z,0));pointer-events:none;position:absolute;inset:0}.card3d-plate path{stroke:var(--rim)}.card3d-face{--z:-1px;background:var(--face)}.card3d-frame{object-fit:fill;-webkit-user-select:none;user-select:none}.card3d-content{transform-style:preserve-3d}.card3d-content>*{transform:translateZ(var(--z,0))}.card3d-mask{-webkit-mask:var(--shield-mask) center /100% 100% no-repeat;mask:var(--shield-mask) center /100% 100% no-repeat}.card3d-shine{--z:2.5px;mix-blend-mode:overlay;opacity:0;background:linear-gradient(110deg,#0000 42%,#ffffff80 50%,#0000 58%) 100% 0/300% 100%}.card3d-foil{--z:1px;background:linear-gradient(115deg,transparent 24%,color-mix(in srgb,var(--level-foundations,#38bdf8) 55%,transparent) 38%,color-mix(in srgb,var(--level-academy,#a78bfa) 50%,transparent) 50%,color-mix(in srgb,var(--level-fundamentals,#a3e635) 22%,transparent) 58%,color-mix(in srgb,var(--level-next,#facc15) 22%,transparent) 64%,transparent 76%);background-position:var(--mx) var(--my);mix-blend-mode:screen;opacity:.18;background-size:260% 260%}.card3d-foil,.card3d-glare{transition:opacity .5s cubic-bezier(.22,1,.36,1)}.card3d-glare{--z:2px;background:radial-gradient(circle at var(--mx) var(--my),#ffffff61,transparent 45%);mix-blend-mode:overlay;opacity:0}.card3d-stage[data-tilting=true] .card3d-foil{opacity:.42}.card3d-stage[data-tilting=true] .card3d-glare{opacity:1}.card3d-stage[data-variant=electric] .card3d-halo{inset:4% -16% 10%}.card3d-halo{z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--rim) 36%,transparent),transparent 80%);filter:blur(22px);pointer-events:none;border-radius:9999px;position:absolute;inset:12% -8% 18%}.card3d-headshot{aspect-ratio:1;background:radial-gradient(circle at 50% 30%,#2b80c2,#12395f 48%,#060d1a 100%) padding-box,conic-gradient(from 210deg,var(--level-foundations,#38bdf8),var(--level-academy,#a78bfa),var(--level-next,#facc15),var(--level-fundamentals,#a3e635),var(--level-foundations,#38bdf8)) border-box;box-shadow:inset 0 0 0 .1em #fff9,0 0 1.6em -.2em color-mix(in srgb,var(--electric,#38bdf8) 80%,transparent);border:.3em solid #0000;border-radius:50%;position:relative;overflow:hidden}.card3d-headshot-glow{filter:drop-shadow(0 0 .35em color-mix(in srgb,var(--electric,#38bdf8) 85%,transparent));position:absolute;inset:0}.card3d-headshot-collar,.card3d-headshot-figure{-webkit-mask:var(--figure) center /100% 100% no-repeat;mask:var(--figure) center /100% 100% no-repeat;position:absolute;inset:3% -3% -4%}.card3d-headshot-figure{--figure:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50%2015.5c11%200%2017.5%209%2017.5%2020%200%208.5-3.2%2015.1-7.7%2019.1-2.2%202-5.4%203.7-9.8%203.7s-7.6-1.7-9.8-3.7c-4.5-4-7.7-10.6-7.7-19.1%200-11%206.5-20%2017.5-20M33.6%2033.8c-3.4-.4-3.8%209%20.4%2010Zm32.8%200c3.4-.4%203.8%209-.4%2010ZM43.6%2054.5h12.8l1.2%2011H42.4ZM0%20104c2-20%2015-30.2%2032-34.8L43%2066c2.3%204.2%204.6%206%207%206s4.7-1.8%207-6l11%203.2C85%2073.8%2098%2084%20100%20104Z%22%2F%3E%3C%2Fsvg%3E);background:linear-gradient(#f4fbff,#cdeeff 36%,#7cc4f0 68%,#2f74b5)}.card3d-headshot-collar{--figure:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M42.6%2066.4%2050%2077.6l7.4-11.2-2.4-.8-5%207.6-5-7.6Z%22%2F%3E%3C%2Fsvg%3E);background:var(--electric,#38bdf8)}.card3d-jersey{color:#fff;font-variant-numeric:tabular-nums;box-shadow:0 0 0 .08em var(--electric,#38bdf8),0 .3em .8em -.2em var(--electric,#38bdf8);background:#0e2233;border:.08em solid #ffffffd9;border-radius:9999px;padding:.06em .55em;font-size:1.35em;font-weight:900;line-height:1.25;position:absolute;bottom:-.5em;left:50%;translate:-50%}.card3d-position{text-shadow:0 0 .3em color-mix(in srgb,var(--electric,#38bdf8) 65%,transparent)}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card3d-pedestal{aspect-ratio:4;background:conic-gradient(from var(--ring-angle,0deg),var(--level-foundations,#38bdf8),var(--level-fundamentals,#a3e635),var(--level-academy,#a78bfa),var(--level-next,#facc15),var(--level-foundations,#38bdf8));opacity:.9;bottom:1.25rem;left:6%;right:6%;-webkit-mask:radial-gradient(closest-side,#0000 86%,#000 89% 97%,#0000);mask:radial-gradient(closest-side,#0000 86%,#000 89% 97%,#0000)}.card3d-pedestal,.card3d-shadow{z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.card3d-shadow{background:radial-gradient(closest-side,color-mix(in srgb,var(--rim) 60%,transparent),color-mix(in srgb,var(--rim) 18%,transparent) 60%,transparent);filter:blur(8px);height:2.75rem;transition:scale .7s cubic-bezier(.22,1,.36,1),opacity .7s cubic-bezier(.22,1,.36,1);bottom:2rem;left:14%;right:14%}.card3d-stage:not([data-pedestal=true]) .card3d-shadow{opacity:.55;bottom:-1.25rem}.card3d-stage[data-tilting=true] .card3d-shadow{opacity:.75;scale:.9}@keyframes card3d-float{0%,to{transform:translateZ(0)}50%{transform:translateY(-10px)}}@keyframes card3d-sheen{0%,to{background-position:0 0}50%{background-position:100% 100%}}@keyframes card3d-ring{to{--ring-angle:360deg}}@keyframes card3d-sway{0%,to{--sway:0deg}30%{--sway:8deg}75%{--sway:-6deg}}@keyframes card3d-shine{0%,58%{opacity:0;background-position:100% 0}62%{opacity:1}84%{opacity:1;background-position:0 0}88%,to{opacity:0;background-position:0 0}}@media (prefers-reduced-motion:no-preference){.card3d-float{animation:7s ease-in-out infinite card3d-float}.card3d-stage:not([data-tilting=true]) .card3d-foil{animation:7s ease-in-out infinite card3d-sheen}.card3d-pedestal{animation:12s linear infinite card3d-ring}.card3d-stage[data-variant=electric] .card3d{animation:11s ease-in-out infinite card3d-sway}.card3d-stage[data-variant=electric][data-tilting=true] .card3d{animation:none}.card3d-stage[data-variant=electric]:not([data-tilting=true]) .card3d-shine{animation:7s ease-in-out infinite card3d-shine}.card3d-stage[data-tilting=true] .card3d-float{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.card3d,.card3d-foil,.card3d-glare,.card3d-shadow{transition:none}}