.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--card-radius);width:100%;max-width:340px;box-shadow:var(--card-shadow);flex-direction:column;margin:0;padding:1.5rem 1rem;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--color-three), #ffffffe6);opacity:.95;transform-origin:0;height:3px;transition:transform var(--dur-smooth) var(--ease-smooth);position:absolute;top:0;left:0;right:0;transform:scaleX(.35)}.card:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:1px}.card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.card:hover:before{transform:scaleX(1)}.card h4{font-size:1.8em;font-family:var(--heading-font);color:var(--text-color);text-align:center;transition:color var(--dur-smooth) var(--ease-smooth);margin:0 0 1rem}.card h4 i{color:var(--color-three);transition:transform var(--dur-smooth) var(--ease-smooth), filter var(--dur-smooth) ease, color var(--dur-smooth) ease;display:inline-block}.card:hover h4 i{filter:drop-shadow(0 0 8px #0084ffb3);transform:scale(1.22)translateY(-3px)}.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{transition:var(--transition-smooth);align-self:center;margin-top:auto}.card:hover .button-simple{transform:translateY(-3px)scale(1.025);box-shadow:0 6px 16px #0084ff40}.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:12px;max-width:none;padding:1.5rem 1.25rem}.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:1.25rem 1.1rem}}@media (hover:none),(pointer:coarse){.card{background:#161b26bf;border-color:#0084ff47;box-shadow:0 14px 30px #0000004d,inset 0 1px #ffffff14}.card:before{opacity:1;height:3px;transform:scaleX(1)}.card:after{border-color:#ffffff0f}.card:hover{border-color:#0084ff47;transform:none;box-shadow:0 14px 30px #0000004d,inset 0 1px #ffffff14}.card:hover:before{transform:scaleX(1)}.card:hover h4 i,.card:hover .button-simple{transform:none}}