.glass-card{--bg-color:rgba(255,255,255,.25);--highlight:rgba(255,255,255,.75);--text:#fff;border-radius:20px;width:300px;height:200px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.2)}.glass-card:before{content:"";z-index:5;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.glass-card:hover:before{left:100%}.glass-card-filter,.glass-card-overlay,.glass-card-specular,.glass-card-distortion-overlay{border-radius:inherit;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.glass-card-filter{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);filter:saturate(110%)}.glass-card:hover .glass-card-filter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);filter:url(#glass-distortion)saturate(120%)brightness(1.15)}.glass-card-distortion-overlay{mix-blend-mode:overlay;z-index:2;pointer-events:none;opacity:0;background-color:transparent;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.05) 0%,transparent 80%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.05) 0%,transparent 80%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:300% 300%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;top:0;bottom:0;left:0;right:0}.glass-card:hover .glass-card-distortion-overlay{opacity:1;animation:10s ease-in-out infinite floatDistort}@keyframes floatDistort{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.glass-card-overlay{z-index:2;background:rgba(255,255,255,.2)}.glass-card:hover .glass-card-overlay{background:var(--bg-color)}.glass-card-specular{z-index:3;box-shadow:inset 1px 1px 1px var(--highlight)}.glass-card:hover .glass-card-specular{box-shadow:inset 2px 2px 4px var(--highlight),inset -1px -1px 2px rgba(255,255,255,.1)}.glass-card-content{z-index:4;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:100%;padding:30px;display:flex;position:relative}.glass-card-content h3{margin:0 0 10px;font-size:24px;font-weight:600}.glass-card-content p{opacity:.8;margin:0}@media (max-width:768px){.glass-card-content{padding:20px}}@media (prefers-color-scheme:dark){.glass-card{--bg-color:rgba(0,0,0,.25);--highlight:rgba(255,255,255,.15)}.glass-card-overlay{background:rgba(0,0,0,.2)}.glass-card:hover .glass-card-overlay{background:var(--bg-color)}}.dark .glass-card{--bg-color:rgba(0,0,0,.25);--highlight:rgba(255,255,255,.15)}.dark .glass-card-overlay{background:rgba(0,0,0,.2)}.dark .glass-card:hover .glass-card-overlay{background:var(--bg-color)}.green-card-solid .glass-card-overlay{-webkit-backdrop-filter:none!important;background:0 0!important}.green-card-solid .glass-card-filter{-webkit-backdrop-filter:none!important;filter:none!important}.green-card-solid .glass-card-specular{box-shadow:none!important}.green-card-solid .glass-card-distortion-overlay{display:none!important}