.card{background:linear-gradient(180deg, #ffffff0f 0%, #ffffff04 24%, #08121e33 100%), var(--background-two);border:1px solid #007bf042;border-radius:12px;flex-direction:column;width:100%;max-width:340px;margin:0;padding:1.5rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #00000038,inset 0 1px #ffffff14,inset 0 -1px #0000002e}.card:before{content:"";background:linear-gradient(90deg, var(--color-three), #ffffffeb);opacity:.95;transform-origin:0;height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(.42)}.card:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:1px}.card:hover{border-color:#007bf06b;transform:translateY(-8px);box-shadow:0 22px 42px #00000047,0 0 0 1px #007bf014,inset 0 1px #ffffff14}.card:hover:before{transform:scaleX(1)}.card h4{font-size:1.8em;font-family:var(--heading-font);color:var(--text-color);text-align:center;margin:0 0 1rem;transition:color .3s}.card h4 i{color:var(--color-three);transition:transform .3s}.card:hover h4 i{transform:scale(1.1)}.card p{text-align:center;opacity:.9;flex:auto;margin:0 0 1.5rem;font-size:1rem}.card .resource-preview{opacity:.8;border-radius:4px;margin:.5rem 0 1rem;padding:.5rem;font-family:Courier New,monospace;font-size:.9rem}.card .button-simple,.card span.button-simple{align-self:center;margin-top:auto;transition:all .3s}.card:hover .button-simple{transform:translateY(-2px)}.coming-soon{background:linear-gradient(180deg, #ffd05224 0%, #ffffff0b 18%, #08121e38 100%), var(--background-two);border-color:#ffd05257}.coming-soon .coming-soon-badge{color:#ffe18c;letter-spacing:.08em;text-transform:uppercase;background-color:#ffd05224;border:1px solid #ffd05261;border-radius:999px;align-self:flex-start;align-items:center;margin-bottom:1rem;padding:.4rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.coming-soon .button-simple{cursor:default;pointer-events:none;color:#ffe18c;background-color:#ffd05224;background-image:none;border-color:#ffd05247;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000029}@media (width<=768px){.card{border-radius:10px;max-width:none;padding:1.15rem 1rem}.card h4,.card p{text-align:left}.card h4{margin-bottom:.75rem;font-size:clamp(1.35rem,5.6vw,1.65rem)}.card p{margin-bottom:1.15rem;line-height:1.55}.card .button-simple,.card span.button-simple{align-self:stretch;width:100%}}@media (width<=480px){.card{padding:1rem .95rem}}@media (hover:none),(pointer:coarse){.card{background:linear-gradient(180deg, #007bf029 0%, #ffffff12 14%, #ffffff05 34%, #08121e38 100%), var(--background-two);border-color:#68b9ff85;box-shadow:0 18px 34px #0000003d,0 0 0 1px #007bf024,inset 0 1px #ffffff1a,inset 0 -1px #0000002e}.card:before{opacity:1;height:5px;transform:scaleX(1)}.card:after{border-color:#ffffff14}.card:hover{border-color:#68b9ff85;transform:none;box-shadow:0 18px 34px #0000003d,0 0 0 1px #007bf024,inset 0 1px #ffffff1a,inset 0 -1px #0000002e}.card:hover:before{transform:scaleX(1)}.card:hover h4 i,.card:hover .button-simple{transform:none}}