@layer quartz-base{.featured-cards-title{text-align:right;margin-bottom:1.5rem;font-size:1.75rem}.card-grid{perspective:1000px;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(160px,auto);gap:1.5rem;margin:2rem 0;display:grid}@media (max-width:1199px){.card-grid{grid-template-columns:1fr;grid-auto-rows:auto}}.card-container{background-color:var(--darkgray);transform-style:preserve-3d;z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;background:#ffffff1a;border:1px solid #fff3;border-radius:24px;min-height:100px;padding:1.5rem;text-decoration:none;transition:box-shadow .4s ease-in-out;display:block;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26870d}.card-container:first-child{grid-area:span 2/span 2;min-height:350px}@media (max-width:1199px){.card-container:first-child{grid-area:span 1/span 1;min-height:250px}}.card-container:nth-child(4){grid-column:span 3}@media (max-width:1199px){.card-container:nth-child(4){grid-column:span 1}}.card-container:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000001a 0%,#0000004d 50%,#000000b3 100%);border-radius:24px;transition:background .4s ease-in-out;position:absolute;inset:0}.card-container:hover:before{background:linear-gradient(#0000000d 0%,#0003 50%,#00000080 100%)}.card-container:hover{box-shadow:0 16px 48px #00000026}.card-container.card-tilt-reset{transition:transform .5s ease-out}.card-bg{background-image:var(--card-bg);background-position:50%;background-size:cover;position:absolute;inset:0}.card-container.has-image .card-bg{filter:grayscale(70%);transition:filter .4s ease-in-out,transform .4s ease-in-out;transform:scale(1)}.card-container.has-image:hover .card-bg{filter:grayscale(0%);transform:scale(1.08)}.card-container.no-image .card-bg{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 50%,#3b82f6 100%);filter:none!important}.card-content{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.card-content h3{text-shadow:0 2px 4px #0000004d;margin:0 0 .5rem;font-size:1.5rem;color:#fff!important}.card-content p{text-shadow:0 1px 2px #0000004d;margin:0;font-size:1rem;color:#e5e7eb!important}[saved-theme=dark] .card-container{background:#1e1e1ecc;border:1px solid #ffffff1a}}