:root{--hue:165;--sat:96%;--white:hsl(160,14%,93%);--primary-color:hsl(165,96%,71%);--primary-glow:rgba(120,252,214,0.2);--primary-border:rgba(120,252,214,0.3);--border-color:rgba(120,252,214,0.15);--background-dark:hsl(210,11%,7%);--card-bg:hsl(210,11%,9%);color-scheme:light dark}.card-grid{display:grid;gap:.5em;padding:.75em;max-width:54em;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.card{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:280px;width:100%;max-width:100%;padding:1.5em;border-radius:20px;border:1px solid var(--border-color);background:rgba(231,236,235,.08);box-shadow:0 2px 4px rgba(0,0,0,.16);font-weight:300;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;border-radius:inherit;pointer-events:none;z-index:1;opacity:.25}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15),0 0 20px rgba(120,252,214,.1);border-color:rgba(120,252,214,.3)}.card__content,.card__header{display:flex;position:relative;color:var(--white);z-index:2}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:14px;font-weight:400;opacity:.8;color:var(--primary-color)}.card__description,.card__title{--clamp-title:2;--clamp-desc:5}.card__title{font-size:20px;font-weight:500;line-height:1.4;margin:0 0 .5em;color:var(--white)}.card__description{font-size:16px;font-weight:300;line-height:1.5;color:rgba(231,236,235,.6)}.card--text-autohide .card__description,.card--text-autohide .card__title{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:1fr;margin:0 auto;padding:.5em}.card{width:100%;min-height:280px;margin-bottom:.5rem}.card__description,.card__title{--clamp-title:2;--clamp-desc:6}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(120,252,214,calc(var(--glow-intensity) * .8)) 0,rgba(120,252,214,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 4px 20px rgba(120,252,214,.2),0 0 30px var(--primary-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:rgba(120,252,214,.2);border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px rgba(120,252,214,.1),0 0 30px var(--primary-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;user-select:none}