.darkveil-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:2rem;max-width:1200px;margin:0 auto}.card{position:relative;border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:pointer;overflow:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(10px)}.card:hover{box-shadow:0 10px 25px rgba(0,0,0,.3)}.card--border-glow{position:relative}.card--border-glow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:2px;background:linear-gradient(45deg,rgba(var(--glow-color),var(--glow-intensity)) 0,rgba(var(--glow-color),var(--glow-intensity) * .5) 50%,rgba(var(--glow-color),var(--glow-intensity)) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;opacity:var(--glow-intensity);transition:opacity .3s ease}.card--text-autohide .card__description,.card--text-autohide .card__title{opacity:1;transition:opacity .3s ease}.card--text-autohide:hover .card__description,.card--text-autohide:hover .card__title{opacity:.9}.card__header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.card__label{display:inline-block;padding:.25rem .75rem;background:rgba(var(--label-color-rgb,139,92,246),.2);color:var(--label-color,#a855f7);border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.card__icon{align-items:center;width:40px;height:40px}.card__content,.card__icon{display:flex;justify-content:center}.card__content{flex:1;flex-direction:column}.card__title{font-size:1.25rem;font-weight:600;color:white;margin-bottom:.75rem;line-height:1.4}.card__description{color:white;font-size:.875rem;line-height:1.5;margin:0;opacity:.8}.particle-container{position:relative}.particle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:100}.global-spotlight{position:fixed;pointer-events:none;z-index:200;opacity:0;transform:translate(-50%,-50%);mix-blend-mode:screen}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:.75rem;padding:1rem}.card{min-height:160px;padding:1rem}.card__title{font-size:1.125rem}.card__description{font-size:.8125rem}.card__icon{width:36px;height:36px}}@media (max-width:480px){.card-grid{padding:.5rem;gap:.5rem}.card{min-height:140px;padding:.75rem}.card__icon{width:32px;height:32px}}.card-animate-in{animation:cardSlideIn .6s ease-out forwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:rgba(0,0,0,.6);border:1px solid #2c3340}.card:hover{background:rgba(0,0,0,.8);border-color:#3a404c}.card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(var(--glow-color),var(--glow-intensity,0) * .1) 0,transparent 70%);border-radius:12px;opacity:var(--glow-intensity,0);transition:opacity .3s ease;pointer-events:none}