.Grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem;align-items:flex-start}.GridGapSmall{gap:.5rem}.GridAuto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.GridAutoLarge{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.GridTwo{grid-template-columns:repeat(2,1fr)}.GridThree{grid-template-columns:repeat(3,1fr)}.GridFour{grid-template-columns:repeat(4,1fr)}.Row{grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;align-items:flex-start}.Row,.RowSingle{display:grid;gap:1.5rem;margin-bottom:2rem}.RowSingle{grid-template-columns:1fr;grid-gap:1.5rem;justify-items:center}.RowSingle .Card{width:100%;max-width:600px}.GapSmall{gap:1rem}.GapLarge{gap:2rem}.Card{display:flex;flex-direction:column;background:var(--widget-bgcolor,var(--bgcolor));border:1px solid rgba(125,125,125,.2);border-radius:15px;padding:1.5rem;box-sizing:border-box;box-shadow:var(--widget-shadow,0 2px 8px rgba(0,0,0,.1));height:-moz-fit-content;height:fit-content;min-height:250px;justify-content:space-between}.Card.FullHeight{height:100%}.Card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:rgba(125,125,125,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}.CardContent{justify-content:space-between;gap:1rem}.CardCompact{padding:1rem}.CardElevated{box-shadow:0 4px 16px rgba(0,0,0,.15)}.CardHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.CardHeader h3{margin:0!important;font-size:1.1rem;line-height:1.3rem;font-weight:700;color:var(--font-color)}.CardHeader.Premium h3{background:linear-gradient(180deg,var(--font-color),var(--font-color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.CardHeader .Icon{width:40px;height:40px;border-radius:50%;font-size:1.5rem;color:var(--font-color);line-height:1.4;border:2px solid var(--font-color-secondary);display:flex;justify-content:center;align-items:center;transform:translateY(-5px);opacity:.3}.CardHeader.Premium .Icon{border:3px solid transparent;background:linear-gradient(var(--bgcolor),var(--bgcolor)) padding-box,linear-gradient(135deg,#ffd700,#ffb300,#ff8c00,#ffd700) border-box;opacity:1}.CardBody{flex:1 1}.CardBody ul{list-style:none;padding:0;margin:0 0 10px}.CardBody li{padding:.25rem 0 .25rem 1rem;position:relative}.CardBody li:before{content:"•";color:var(--primary-color);position:absolute;left:0}.CardBody p{margin:0 0 1rem}.CardFooter{display:flex;justify-content:space-between;align-items:center;gap:1rem}.CardFooterSimple{justify-content:flex-end}.CardFooterColumn{flex-direction:column!important;justify-content:end}.CardFooterSpaceBetween{justify-content:space-between;align-items:flex-end}.CardMeta{display:flex;flex-direction:column;font-size:.8rem;align-items:flex-start}.CardMeta *{color:var(--font-color-secondary)!important}.CardMetaInline{flex-direction:row;align-items:center;gap:1rem}.CardMeta .bi.bi-views{display:inline-block;margin-right:5px;transform:translateY(1px)!important}.HighlightBox{background:rgba(var(--primary-color-rgb,39,133,255),.1)}.HighlightBox,.PricingBox{padding:1rem;border-radius:8px}.PricingBox{text-align:center}.PageHeader{margin-bottom:2rem}.PageHeader h1{margin-bottom:.5rem}.PageHeader p{font-size:1.1rem;margin:0}.SectionHeader{margin:2rem 0 1rem}.SectionHeader h2{margin-bottom:.5rem;color:var(--color-blue)}@media (max-width:768px){.Grid,.GridAuto,.GridAutoLarge,.GridFour,.GridThree,.GridTwo,.Row{grid-template-columns:1fr;gap:1rem}.RowSingle .Card{max-width:100%}.Card{padding:1rem}.CardDashboard{padding:1.25rem}.CardHeader h3{font-size:1rem!important}.CardFooter{flex-direction:column;align-items:stretch;gap:.75rem}.CardMetaInline{flex-direction:column;align-items:flex-start;gap:.25rem}.btn{text-align:right!important}.btn,button{justify-content:center}button{width:100%}}.Badge{display:inline-flex;align-items:center;gap:.25rem;height:35px;box-sizing:border-box;padding:.5rem 1rem!important;border-radius:20px;font-size:.75rem;font-weight:600;line-height:1}.BadgeFeatured{color:rgb(0,161,0);margin-top:-6px}.BadgeComingSoon{background:rgba(150,150,0,.3);color:var(--font-color);border:1px var(--font-color-secondary);padding:.5rem}.BadgeBeta{background:rgba(255,238,0,.3);color:var(--font-color);border:1px solid rgba(255,238,0,.8);padding:5px 15px!important;border-radius:15px!important}h1 .BadgeBeta{display:flexbox;margin-left:10px;position:relative;top:-5px}.TextCenter{text-align:center}.FullWidth{width:100%}.FlexCenter{display:flex;justify-content:center}.FlexBetween{display:flex;justify-content:space-between}.FlexEnd{display:flex;justify-content:flex-end}