#block .block-list{display:grid;gap:var(--space-xl);grid-template-columns:repeat(1,minmax(0,1fr))}#block article{position:relative;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.75rem;overflow:hidden;padding:var(--space-component-padding-xl);transition:var(--transition-base)}#block article:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg)}body[data-theme=dark] #block article:hover{border-color:var(--color-primary-800)}#block article i{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-bottom:var(--space-4);z-index:1;position:relative;box-shadow:var(--shadow-sm)}#block article h2{margin:0 0 .5rem}#block article p{font-weight:500;margin:0 0 var(--space-2);color:var(--color-text-muted);z-index:1;position:relative}#block article .btn{z-index:1;position:relative}@media (min-width: 768px){#block .block-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.light{position:absolute;width:0px;opacity:.75;background-color:var(--color-text);box-shadow:var(--color-text) 0 0 4px 1px;opacity:0;top:100vh;bottom:0;left:0;right:0;margin:auto}.x1{-webkit-animation:floatUp 4s infinite linear;-moz-animation:floatUp 4s infinite linear;-o-animation:floatUp 4s infinite linear;animation:floatUp 4s infinite linear;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.x2{-webkit-animation:floatUp 7s infinite linear;-moz-animation:floatUp 7s infinite linear;-o-animation:floatUp 7s infinite linear;animation:floatUp 7s infinite linear;-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6);left:15%}.x3{-webkit-animation:floatUp 2.5s infinite linear;-moz-animation:floatUp 2.5s infinite linear;-o-animation:floatUp 2.5s infinite linear;animation:floatUp 2.5s infinite linear;-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);left:-15%}.x4{-webkit-animation:floatUp 4.5s infinite linear;-moz-animation:floatUp 4.5s infinite linear;-o-animation:floatUp 4.5s infinite linear;animation:floatUp 4.5s infinite linear;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);left:-34%}.x5{-webkit-animation:floatUp 8s infinite linear;-moz-animation:floatUp 8s infinite linear;-o-animation:floatUp 8s infinite linear;animation:floatUp 8s infinite linear;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2);left:-57%}.x6{-webkit-animation:floatUp 3s infinite linear;-moz-animation:floatUp 3s infinite linear;-o-animation:floatUp 3s infinite linear;animation:floatUp 3s infinite linear;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);left:-81%}.x7{-webkit-animation:floatUp 5.3s infinite linear;-moz-animation:floatUp 5.3s infinite linear;-o-animation:floatUp 5.3s infinite linear;animation:floatUp 5.3s infinite linear;-webkit-transform:scale(3.2);-moz-transform:scale(3.2);-o-transform:scale(3.2);transform:scale(3.2);left:37%}.x8{-webkit-animation:floatUp 4.7s infinite linear;-moz-animation:floatUp 4.7s infinite linear;-o-animation:floatUp 4.7s infinite linear;animation:floatUp 4.7s infinite linear;-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7);left:62%}.x9{-webkit-animation:floatUp 4.1s infinite linear;-moz-animation:floatUp 4.1s infinite linear;-o-animation:floatUp 4.1s infinite linear;animation:floatUp 4.1s infinite linear;-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);left:85%}@-webkit-keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0vh;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}@-moz-keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0vh;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}@-o-keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0vh;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}@keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0vh;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}
