main{width:100%;height:calc(100% - 9.3rem);display:grid;grid-template-columns:repeat(3,minmax(220px,280px));justify-content:center;align-items:center;gap:2rem;padding:2rem;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background:radial-gradient(circle at center,rgba(105,73,36,.055),transparent 55%);scrollbar-width:thin;scrollbar-color:rgba(190,145,80,.4) transparent}main>a{position:relative;width:100%;height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;overflow:hidden;border-radius:1.5rem;background:linear-gradient(135deg,#30271ef5,#13110ffc);border:1px solid rgba(190,150,90,.22);box-shadow:inset 0 1px #ffebc80a,inset 0 0 22px #000000c7,0 8px 18px #00000080,0 18px 40px #0003;text-decoration:none;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease,border-color .6s ease,background .6s ease;isolation:isolate}main>a:before{content:"";position:absolute;inset:7px;border-radius:1.1rem;border:1px solid rgba(215,175,108,.055);pointer-events:none;z-index:1}main>a:after{content:"";position:absolute;top:-80%;left:-70%;width:45%;height:260%;background:linear-gradient(90deg,transparent 0%,rgba(255,230,190,.015) 30%,rgba(225,185,115,.12) 48%,rgba(255,240,210,.22) 50%,rgba(225,185,115,.12) 52%,rgba(255,230,190,.015) 70%,transparent 100%);transform:rotate(25deg) translate(-250%);pointer-events:none;z-index:5;opacity:0}main>a:nth-child(1):after{animation:cardShine 8s ease-in-out infinite}main>a:nth-child(2):after{animation:cardShine 8s ease-in-out 1.2s infinite}main>a:nth-child(3):after{animation:cardShine 8s ease-in-out 2.4s infinite}main>a:nth-child(4):after{animation:cardShine 8s ease-in-out 3.6s infinite}main>a:nth-child(5):after{animation:cardShine 8s ease-in-out 4.8s infinite}main>a:nth-child(6):after{animation:cardShine 8s ease-in-out 6s infinite}main>a:nth-child(7):after{animation:cardShine 8s ease-in-out 7.2s infinite}main>a:nth-child(8):after{animation:cardShine 8s ease-in-out 8.4s infinite}main>a:nth-child(9):after{animation:cardShine 8s ease-in-out 9.6s infinite}@keyframes cardShine{0%{opacity:0;transform:rotate(25deg) translate(-250%)}8%{opacity:1}18%{opacity:1}28%{opacity:0;transform:rotate(25deg) translate(500%)}to{opacity:0;transform:rotate(25deg) translate(500%)}}.social-card__image{width:90px;height:90px;padding:1rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.social-card__image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(.9) saturate(.85) drop-shadow(0 8px 10px rgba(0,0,0,.5));transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s ease}.social-card__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.social-card__content h2{margin:0;font-family:Fell;font-size:1.8rem;color:#e8d8bc;text-shadow:0px 3px 3px rgba(0,0,0,.8),0px 0px 18px rgba(194,153,91,.08);text-decoration:underline;text-decoration-color:#d2aa698c;text-underline-offset:.12em;text-decoration-thickness:1px;transition:color .4s ease,text-shadow .4s ease}.social-card__content p{margin:.4rem 0 0;max-width:230px;font-family:Fell;font-size:1rem;line-height:1.25;color:#bcae98;text-shadow:0px 2px 3px rgba(0,0,0,.8);transition:color .4s ease,text-shadow .4s ease}main>a:hover{transform:translateY(-9px) scale(1.012);background:linear-gradient(135deg,#392e23fa,#15120ffc);border-color:#d7af6c73;box-shadow:inset 0 1px #fff0d212,inset 0 0 25px #000000d9,0 15px 30px #0009,0 28px 60px #00000059,0 0 35px #aa7d4114;cursor:pointer}main>a:hover .social-card__image img{transform:scale(1.08) translateY(-2px);filter:brightness(1) saturate(.95) drop-shadow(0 10px 15px rgba(0,0,0,.6))}main>a:hover .social-card__content h2{color:#f0dfc2;text-shadow:0px 3px 3px rgba(0,0,0,.9),0px 0px 18px rgba(210,170,105,.14)}main>a:hover .social-card__content p{color:#d2c2aa;text-shadow:0px 2px 3px rgba(0,0,0,.9),0px 0px 10px rgba(205,160,95,.06)}main>a:active{transform:translateY(-2px) scale(.985);box-shadow:inset 0 0 20px #000000e6,0 6px 12px #00000080}main>a:focus-visible{outline:1px solid rgba(215,175,108,.75);outline-offset:4px}main::-webkit-scrollbar{width:5px}main::-webkit-scrollbar-track{background:#0000001f}main::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#be915059,#69492473);border-radius:10px}main::-webkit-scrollbar-thumb:hover{background:#d7aa648c}@media(max-width:768px){main{height:calc(100dvh - 10rem);grid-template-columns:repeat(2,minmax(145px,1fr));gap:1.25rem;padding:1.25rem}main>a{height:175px;border-radius:1.25rem}main>a:before{inset:5px;border-radius:.95rem}.social-card__image{width:70px;height:70px}.social-card__content h2{font-size:1.45rem}.social-card__content p{font-size:.85rem;max-width:190px}main>a:hover{transform:translateY(-5px) scale(1.008)}main>a:hover .social-card__image img{transform:scale(1.045)}}@media(max-width:380px){main{grid-template-columns:repeat(2,minmax(125px,1fr));gap:1rem;padding:1rem}main>a{height:160px}.social-card__image{width:60px;height:60px}.social-card__content h2{font-size:1.3rem}.social-card__content p{font-size:.78rem}}@media(prefers-reduced-motion:reduce){main{scroll-behavior:auto}main>a,main>a img,.social-card__content h2,.social-card__content p{transition:none}main>a:after{animation:none}main>a:hover{transform:scale(1.01)}}