.cards-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:20px;gap:20px;justify-content:center;justify-items:center;max-width:1000px;margin:0 auto;padding:20px}@media (min-width:900px){.cards-section{grid-template-columns:repeat(2,1fr)}}@media (max-width:899px){.cards-section{grid-template-columns:1fr}}.card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);padding:.75rem;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);width:100%;max-width:600px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(91,92,94,.8) 25%,hsla(0,0%,44%,.8) 50%,hsla(0,0%,84%,.8) 75%,transparent);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-4px);background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.08));box-shadow:0 20px 40px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.2)}.card:hover:before{opacity:1}.card-icon{position:relative}.card-icon img{width:48px;height:48px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.05);transition:transform .3s ease;border:1px solid hsla(0,0%,100%,.1)}.card:hover .card-icon img{transform:scale(1.05)}.card-content{flex:1 1;margin-left:1rem;text-align:left}.card-title{font-size:.9rem;font-weight:600;color:#fff;margin:0;padding-bottom:.25rem;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.card-description{font-size:.8rem;color:hsla(0,0%,100%,.7);padding:0;margin:0;line-height:1.4;font-weight:400}.card-action{margin-left:1rem;min-width:-moz-fit-content;min-width:fit-content;display:flex;flex-direction:column;align-items:flex-end}.card-button{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}.card-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.card-button:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));border-color:hsla(0,0%,100%,.3);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.05)}.card-button:hover:before{left:100%}.card-button:active{transform:translateY(0)}.card-content-wrapper{display:flex;flex-direction:row;align-items:center}@media (max-width:499px){.card{flex-direction:column;align-items:flex-start;padding:1rem;border-radius:10px}.card-icon img{width:44px;height:44px;border-radius:8px}.card-content{margin-left:1rem;margin-top:.75rem}.card-action{margin-left:0;margin-top:1rem;align-self:center;align-items:stretch;width:100%;text-align:center}.card-button{width:100%;justify-content:center;display:flex;align-items:center}}.button-link{color:inherit;text-decoration:none;display:block}@media (prefers-reduced-motion:reduce){.card,.card-button,.card-button:before,.card-icon img{transition:none}.card:hover,.card:hover .card-icon img{transform:none}}.card-button:focus{outline:2px solid hsla(0,0%,39%,.6);outline-offset:2px}body,html{height:100%;margin:0;overflow:auto;background:#000}.content{padding:2rem;margin-bottom:60px;background:#000}.socials-section{display:flex;justify-content:center;gap:10px;padding:20px;background-color:#000}.social-card{background-color:hsla(0,0%,100%,.1);padding:10px 20px;border-radius:30px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s,color .3s}@media (max-width:599px){.socials-section{flex-direction:row;align-items:center;flex-wrap:wrap}}.social-card{display:flex;align-items:center;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.12);padding:8px 16px;border-radius:12px;box-shadow:0 2px 4px -1px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.06);text-decoration:none;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;min-height:40px;position:relative;overflow:hidden}.social-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));opacity:0;transition:opacity .3s ease;z-index:1}.social-card:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.social-icon{width:20px;height:20px;margin-right:8px;transition:transform .3s ease;z-index:2;position:relative;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.social-handle{font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;color:#fff;letter-spacing:-.01em;z-index:2;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width:599px){.social-card{padding:8px 10px;border-radius:10px;min-width:36px;min-height:36px;justify-content:center}.social-icon{width:18px;height:18px;margin-right:0}.youtube{transform:scale(1.1)}.social-handle{display:none}}@media (prefers-reduced-motion:reduce){.social-card,.social-card:before,.social-icon{transition:none}}