.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#60ff5d3d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}
.about-section{max-width:1400px;margin:0 auto;padding:13rem 2rem}.about-title{text-align:center;color:#fff;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.about-cards-container{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:1.5rem;display:grid}.about-card{transition:transform .3s}.about-card:hover{transform:translateY(-4px)}.card-content{z-index:1;position:relative}.card-title{color:#fff;margin-bottom:1rem;font-family:inherit;font-size:1.5rem;font-weight:600}.card-text{color:#a0a0a0;margin-bottom:1rem;font-size:1rem;line-height:1.6}.card-text:last-child{margin-bottom:0}.connect-links{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.connect-link{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block}.connect-link:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}@media (max-width:1024px){.about-cards-container{grid-template-columns:1fr 1.5fr 1fr}}@media (max-width:768px){.about-section{padding:8rem 1.5rem 3rem}.about-title{margin-bottom:2rem;font-size:2rem}.about-cards-container{grid-template-columns:1fr;gap:1.5rem}.card-title{font-size:1.25rem}.card-text{font-size:.95rem}}@media (max-width:480px){.about-section{padding:2rem 1rem}.about-title{font-size:1.75rem}.connect-links{flex-direction:column;gap:.75rem}.connect-link{text-align:center}}