:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(132, 0, 255, 1);--purple-glow: rgba(132, 0, 255, .2);--purple-border: rgba(132, 0, 255, .8);--border-color: #392e4e;--background-dark: #060010;color-scheme:light dark}.card-grid{display:grid;gap:.75rem;padding:1rem;max-width:1400px;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px;grid-auto-flow:dense}@media (min-width: 640px){.card-grid{gap:1rem;padding:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:180px}}@media (min-width: 1024px){.card-grid{gap:1.5rem;padding:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:200px}}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;height:100%;padding:0;border-radius:16px;border:1px solid rgba(34,211,238,.3);background:var(--background-dark);overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.card--small{grid-column:span 1;grid-row:span 1}.card--medium{grid-column:span 2;grid-row:span 1}.card--large{grid-column:span 2;grid-row:span 2}.card--text{background:#060010cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(34,211,238,.4);padding:0}.card--text:hover{background:#060010e6;border-color:#22d3ee99}.card--text.card--text-mode{padding:1rem}@media (min-width: 640px){.card--text.card--text-mode{padding:1.5rem}}@media (min-width: 1024px){.card--text.card--text-mode{padding:2rem}}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.card__header,.card__content{display:flex;position:relative;color:var(--white)}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:16px}.card__title,.card__description{--clamp-title: 1;--clamp-desc: 2}.card__title{font-weight:400;font-size:16px;margin:0 0 .25em}.card__description{font-size:12px;line-height:1.2;opacity:.9}.card--text-autohide .card__title,.card--text-autohide .card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width: 599px){.card-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:.75rem;padding:1rem}.card--small{grid-column:span 1;grid-row:span 1}.card--medium{grid-column:span 2;grid-row:span 1}.card--large{grid-column:span 2;grid-row:span 2}}@media (min-width: 600px) and (max-width: 1023px){.card-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:180px}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;gap:1.5rem}}.card--border-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity) * .8)) 0%,rgba(var(--glow-color),calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 8px 30px #22d3ee4d,0 0 40px #22d3ee33}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#8400ff33;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}