:root{--color-1-article:#171c30;--color-2-article:#242f49;--color-3-article:#384358;--color-4-article:#ffa586;--color-5-article:#b51a2b;--mouse-glow:rgba(181,26,43,0.5)}.card-container{width:100%;height:100vh;align-items:center;background-color:var(--color-1-article)}.card,.card-container{position:relative;display:flex;justify-content:center;flex-direction:column}.card{width:28vw;height:28vh;margin:20px;perspective:1000px;background-color:var(--color-2-article);border-radius:50px;overflow:hidden;border:1px solid var(--color-3-article)}.card h2{font-size:2rem;font-weight:500;color:var(--color-4-article)}.card h2,.card p{font-family:monospace;margin:var(--space-2);z-index:5}.card p{font-size:1rem;color:white}.card1:before{width:100%;height:100%;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--mouse-glow),transparent 40%);opacity:var(--glow-opacity,0);filter:blur(50px);transition:opacity .4s ease-out;z-index:1}.card1:after,.card1:before{content:"";position:absolute;pointer-events:none}.card1:after{inset:0;border-radius:50px;background:linear-gradient(315deg,var(--color-5-article) 10%,transparent 100%);opacity:.1;filter:blur(15px)}.card2:after{width:100%;height:100%;background:rgba(255,255,255,.001)}.card2:after,.card3:before{content:"";position:absolute;pointer-events:none;z-index:2}.card3:before{inset:0;border-radius:50px;background:linear-gradient(160deg,var(--color-2-article) 50%,transparent 100%)}.card-canvas{filter:blur(5px);width:100%;height:100%}.card-canvas,.card-canvas2{position:absolute;background-color:transparent!important;top:0;left:0;border-radius:0;pointer-events:auto;z-index:1}.card-canvas2{width:110%!important;height:110%!important}@media (max-width:1500px){.card{width:40vw;height:30vh}}@media (max-width:1000px){.card{width:65vw;height:45vh}}@media (max-width:800px){.card{width:80vw;height:45vh}}@media (max-width:600px){.card h2{font-size:1.5rem}.card p{font-size:.875rem}}