.main-wrapper{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (max-width:600px){.main-wrapper{grid-template-columns:repeat(2,1fr)}}.main-item{text-align:center;height:100px;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--border)20%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--border)8%,transparent);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.beta:after{content:attr(data-text);background:var(--accent-red);color:var(--text-primary);box-shadow:0 0 5px color-mix(in srgb,var(--bg-main)30%,transparent);pointer-events:none;padding:3px 30px;font-size:10px;font-weight:700;position:absolute;top:10px;right:-20px;transform:rotate(45deg)}.main-item:hover{background:color-mix(in srgb,var(--accent-green)15%,transparent);border:1px solid color-mix(in srgb,var(--accent-green)30%,transparent)}.main-item-title{font-size:15px;font-weight:700}.main-item-icon{font-size:25px}.main-item-icon:before{content:"";border-radius:inherit;background:radial-gradient(circle at 100% 100%,var(--accent-green)0%,var(--accent-green)2%,transparent 50%);z-index:0;filter:blur(20px);animation:3s ease-in-out infinite floatPulse1;position:absolute;inset:0}.main-item-icon:after{content:"";border-radius:inherit;background:radial-gradient(circle at 0% 0%,var(--accent-green)0%,var(--accent-green)2%,transparent 50%);z-index:0;filter:blur(20px);animation:7s ease-in-out infinite floatPulse2;position:absolute;inset:0}@keyframes floatPulse1{0%{opacity:.15;background-position:100% 100%;transform:scale(1)}25%{opacity:.25;background-position:98% 98%;transform:scale(1.05)}50%{opacity:.15;background-position:96% 96%;transform:scale(1)}75%{opacity:.25;background-position:98% 98%;transform:scale(1.05)}to{opacity:.15;background-position:100% 100%;transform:scale(1)}}@keyframes floatPulse2{0%{opacity:.15;background-position:0 0;transform:scale(1)}25%{opacity:.25;background-position:2% 2%;transform:scale(1.05)}50%{opacity:.15;background-position:4% 4%;transform:scale(1)}75%{opacity:.25;background-position:2% 2%;transform:scale(1.05)}to{opacity:.15;background-position:0 0;transform:scale(1)}}
