@keyframes holoSparkle{0%,to{opacity:.75;filter:brightness(1.2) contrast(1.25)}5%,8%{opacity:1;filter:brightness(.8) contrast(1.2)}13%,16%{opacity:.5;filter:brightness(1.2) contrast(.8)}35%,38%{opacity:1;filter:brightness(1) contrast(1)}55%{opacity:.33;filter:brightness(1.2) contrast(1.25)}}@keyframes holoGradient{0%,to{opacity:.5;background-position:50% 50%;filter:brightness(.5) contrast(1)}5%,9%{background-position:100% 100%;opacity:1;filter:brightness(.75) contrast(1.25)}13%,17%{background-position:0 0;opacity:.88}35%,39%{background-position:100% 100%;opacity:1;filter:brightness(.5) contrast(1)}55%{background-position:0 0;opacity:1;filter:brightness(.75) contrast(1.25)}}.holo-card{--holo-width:320px;--holo-height:446px;--card-scale:1;--card-color:#3730a3;container-type:inline-size;container-name:holo-card;width:var(--holo-width);height:var(--holo-height);background-color:#05050a;background-image:radial-gradient(800px circle at 15% 10%,color-mix(in srgb,var(--card-color) 45%,transparent),transparent 50%),radial-gradient(600px circle at 85% 85%,color-mix(in srgb,var(--card-color) 35%,transparent),transparent 55%),radial-gradient(500px circle at 50% 50%,color-mix(in srgb,var(--card-color) 20%,transparent),transparent 60%),linear-gradient(160deg,rgba(8,8,12,1) 0,rgba(3,5,12,1) 100%);background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:5%/3.5%;box-shadow:0 0 40px -10px color-mix(in srgb,var(--card-color) 40%,transparent),0 35px 25px -15px rgba(0,0,0,.4);position:relative;overflow:hidden;display:inline-block;vertical-align:middle;transition:transform .3s ease}.holo-card:after,.holo-card:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-position:0 0;background-repeat:no-repeat;background-size:300% 300%;mix-blend-mode:color-dodge;opacity:.2;z-index:1;pointer-events:none;background-image:linear-gradient(115deg,transparent,#54a29e 25%,transparent 47%,transparent 53%,#a79d66 75%,transparent)}.holo-card--sparkles:after{background-image:url(https://assets.codepen.io/13471/sparkles.gif),linear-gradient(125deg,rgba(255,0,132,.31) 15%,rgba(252,164,0,.25) 30%,rgba(255,255,0,.19) 40%,rgba(0,255,138,.13) 60%,rgba(0,207,255,.25) 70%,rgba(204,76,250,.31) 85%);background-position:50%;background-size:180%;mix-blend-mode:color-dodge;opacity:1;z-index:1}.holo-card--sparkles-static:after{background-image:radial-gradient(3px 3px at 18% 12%,rgba(255,255,255,.95),rgba(255,255,255,.2) 60%,transparent),radial-gradient(2.5px 2.5px at 72% 8%,rgba(255,255,255,.9),transparent),radial-gradient(3px 3px at 85% 22%,rgba(255,255,255,.95),rgba(255,255,255,.15) 60%,transparent),radial-gradient(2px 2px at 45% 18%,rgba(255,255,255,.85),transparent),radial-gradient(2.5px 2.5px at 28% 35%,rgba(255,255,255,.9),transparent),radial-gradient(3px 3px at 62% 42%,rgba(255,255,255,.95),rgba(255,255,255,.2) 60%,transparent),radial-gradient(2px 2px at 92% 48%,rgba(255,255,255,.8),transparent),radial-gradient(2.5px 2.5px at 8% 55%,rgba(255,255,255,.85),transparent),radial-gradient(3px 3px at 38% 65%,rgba(255,255,255,.9),rgba(255,255,255,.15) 60%,transparent),radial-gradient(2px 2px at 78% 72%,rgba(255,255,255,.82),transparent),radial-gradient(2.5px 2.5px at 55% 85%,rgba(255,255,255,.88),transparent),radial-gradient(2px 2px at 15% 92%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 32% 5%,rgba(255,255,255,.65),transparent),radial-gradient(1.5px 1.5px at 58% 15%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 12% 28%,rgba(255,255,255,.62),transparent),radial-gradient(1.5px 1.5px at 82% 35%,rgba(255,255,255,.58),transparent),radial-gradient(1.5px 1.5px at 48% 48%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 25% 58%,rgba(255,255,255,.55),transparent),radial-gradient(1.5px 1.5px at 68% 62%,rgba(255,255,255,.62),transparent),radial-gradient(1.5px 1.5px at 95% 75%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 42% 78%,rgba(255,255,255,.58),transparent),radial-gradient(1.5px 1.5px at 88% 88%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 5% 8%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 22% 22%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 65% 28%,rgba(255,255,255,.38),transparent),radial-gradient(1px 1px at 35% 42%,rgba(255,255,255,.32),transparent),radial-gradient(1px 1px at 75% 55%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 18% 68%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 52% 75%,rgba(255,255,255,.38),transparent),radial-gradient(1px 1px at 85% 82%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 8% 95%,rgba(255,255,255,.35),transparent);background-position:50%;background-size:100%;mix-blend-mode:screen;opacity:.9;z-index:1}.holo-card--active:before{opacity:1;animation:none;transition:none;background-image:linear-gradient(110deg,transparent 25%,#54a29e 48%,#a79d66 52%,transparent 75%)}.holo-card--animated{transition:transform 1s ease}.holo-card--animated:before{transition:all 1s ease;animation:holoGradient 12s ease infinite}.holo-card--animated:after{transition:all 1s ease;animation:holoSparkle 12s ease infinite}@media (prefers-reduced-motion:reduce){.holo-card,.holo-card--animated,.holo-card--animated:after,.holo-card--animated:before{animation:none;transition:none}}.holo-card__content{--card-scale:1}@container holo-card (max-width: 100px){.holo-card__content{--card-scale:0.38}}@container holo-card (min-width: 100px) and (max-width: 140px){.holo-card__content{--card-scale:0.48}}@container holo-card (min-width: 140px) and (max-width: 200px){.holo-card__content{--card-scale:0.58}}@container holo-card (min-width: 200px) and (max-width: 280px){.holo-card__content{--card-scale:0.75}}@container holo-card (min-width: 280px) and (max-width: 340px){.holo-card__content{--card-scale:0.88}}@container holo-card (min-width: 340px){.holo-card__content{--card-scale:1}}.holo-card__badge{font-size:calc(11px * var(--card-scale));padding:calc(4px * var(--card-scale)) calc(10px * var(--card-scale))}.holo-card__name{font-size:calc(20px * var(--card-scale));margin-top:calc(8px * var(--card-scale))}.holo-card__subtitle{margin-top:calc(4px * var(--card-scale))}.holo-card__id,.holo-card__subtitle{font-size:calc(14px * var(--card-scale))}.holo-card__meta{font-size:calc(12px * var(--card-scale));margin-top:calc(4px * var(--card-scale))}.holo-card__icon{width:calc(40px * var(--card-scale));height:calc(40px * var(--card-scale))}.holo-card__signature{height:calc(40px * var(--card-scale));width:calc(120px * var(--card-scale))}.holo-card__logo{height:calc(32px * var(--card-scale))}.holo-card__padding{padding:calc(20px * var(--card-scale))}.holo-card__social-icon{width:calc(14px * var(--card-scale));height:calc(14px * var(--card-scale));opacity:.85}.holo-card__social-text{font-size:calc(12px * var(--card-scale))}.holo-card__social-link{display:flex;align-items:center;gap:calc(6px * var(--card-scale));padding:calc(4px * var(--card-scale)) calc(6px * var(--card-scale));margin:calc(-4px * var(--card-scale)) calc(-6px * var(--card-scale));border-radius:calc(6px * var(--card-scale));transition:background-color .15s ease}.holo-card__social-link:hover{background-color:rgba(255,255,255,.1)}.holo-card__social-link:focus-visible{outline:none;background-color:rgba(255,255,255,.15);box-shadow:0 0 0 2px rgba(255,255,255,.3)}.holo-card__affiliation-row{display:flex;align-items:center;gap:calc(10px * var(--card-scale))}.holo-card__affiliation-logo{height:calc(22px * var(--card-scale));width:calc(22px * var(--card-scale));max-width:calc(22px * var(--card-scale));border-radius:calc(5px * var(--card-scale));object-fit:cover;opacity:.95}.holo-card__affiliation-label{font-size:calc(9px * var(--card-scale));text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.4);margin-bottom:calc(3px * var(--card-scale))}.holo-card__affiliation-text{font-size:calc(12px * var(--card-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}