/*:root {
    --bg: #0F172A;
    --panel: #162236;
    --text: #E6EAF2;
    --muted: #9FB0C7;
    --red: #E23A3A;
    --green: #22C55E;
    --blue: #3B82F6;
    --border: rgba(255,255,255,.08);
    --radius: 14px;
}*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "Space Grotesk", Inter, sans-serif;
}
h2,
.h2 {
  margin: 0 0 10px;
}
.container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
#Admin h1,
#Admin .h1 {
  text-align: center;
}
#Admin table tr > td:last-child {
  min-width: 115px;
  text-align: right;
}
.site-content .brand-logo {
  max-width: 150px;
  height: auto;
  margin-top: -55px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .site-content .brand-logo {
    max-width: 100px;
  }
}
.site-login header nav.navbar {
  grid-template-columns: 1fr;
}
.site-login .brand-logo {
  max-width: 150px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .site-login .brand-logo {
    max-width: 100px;
  }
}
header {
  position: relative;
}
header nav.navbar {
  /*padding-bottom: 1rem;*/
  margin-bottom: 3rem;
  display: grid;
  grid-template-columns: 180px 1fr 180px;
}
@media (max-width: 767px) {
  header nav.navbar {
    grid-template-columns: 80px 1fr 80px;
  }
}
header nav.navbar > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header nav.navbar .player-profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header nav.navbar .player-profile .avatar {
  max-width: 50px;
  border-radius: 50%;
}
header nav.navbar .rank-and-points {
  text-align: center;
}
header nav.navbar .rank-and-points .rank {
  font-size: 24px;
  font-weight: bold;
}
header nav.navbar .rank-and-points .points {
  font-size: 16px;
}
.sprite {
  background-image: url("../lib/images/team-helmet-sprite.png");
  background-repeat: no-repeat;
  display: block;
  transform: scale(0.7);
  margin: 0 auto;
}
.sprite .matchup > div {
  border: 1px solid white;
}
/*
.sprite {
    background-image: url("download.png");
    background-repeat: no-repeat;
    display: inline-block;
}*/
.sprite-chargers-left {
  width: 145px;
  height: 110px;
  background-position: -576px -476px;
}
.sprite-vikings-right {
  width: 141px;
  height: 113px;
  background-position: -37px -589px;
}
.sprite-vikings-left {
  width: 141px;
  height: 112px;
  background-position: -194px -589px;
}
.sprite-chargers-right {
  width: 145px;
  height: 110px;
  background-position: -408px -476px;
}
.sprite-cardinals-right {
  width: 138px;
  height: 110px;
  background-position: -41px -7px;
}
.sprite-cardinals-left {
  width: 139px;
  height: 110px;
  background-position: -191px -7px;
}
.sprite-falcons-right {
  width: 146px;
  height: 114px;
  background-position: -407px -4px;
}
.sprite-falcons-left {
  width: 145px;
  height: 114px;
  background-position: -580px -4px;
}
.sprite-ravens-right {
  width: 142px;
  height: 112px;
  background-position: -802px -6px;
}
.sprite-ravens-left {
  width: 141px;
  height: 113px;
  background-position: -978px -6px;
}
.sprite-bills-right {
  width: 139px;
  height: 112px;
  background-position: -1201px -7px;
}
.sprite-bills-left {
  width: 141px;
  height: 113px;
  background-position: -1357px -6px;
}
.sprite-panthers-right {
  width: 138px;
  height: 108px;
  background-position: -40px -130px;
}
.sprite-panthers-left {
  width: 137px;
  height: 108px;
  background-position: -195px -130px;
}
.sprite-bears-right {
  width: 146px;
  height: 111px;
  background-position: -405px -127px;
}
.sprite-bears-left {
  width: 144px;
  height: 111px;
  background-position: -581px -127px;
}
.sprite-bengals-right {
  width: 147px;
  height: 112px;
  background-position: -800px -126px;
}
.sprite-bengals-left {
  width: 144px;
  height: 110px;
  background-position: -974px -128px;
}
.sprite-browns-right {
  width: 138px;
  height: 107px;
  background-position: -1198px -131px;
}
.sprite-browns-left {
  width: 137px;
  height: 106px;
  background-position: -1354px -132px;
}
.sprite-cowboys-right {
  width: 141px;
  height: 107px;
  background-position: -37px -247px;
}
.sprite-cowboys-left {
  width: 140px;
  height: 107px;
  background-position: -195px -246px;
}
.sprite-broncos-right {
  width: 143px;
  height: 109px;
  background-position: -408px -246px;
}
.sprite-broncos-left {
  width: 143px;
  height: 109px;
  background-position: -580px -245px;
}
.sprite-lions-right {
  width: 146px;
  height: 109px;
  background-position: -799px -245px;
}
.sprite-lions-left {
  width: 145px;
  height: 108px;
  background-position: -973px -245px;
}
.sprite-packers-right {
  width: 139px;
  height: 107px;
  background-position: -1200px -247px;
}
.sprite-packers-left {
  width: 137px;
  height: 107px;
  background-position: -1355px -247px;
}
.sprite-texans-right {
  width: 140px;
  height: 107px;
  background-position: -37px -361px;
}
.sprite-texans-left {
  width: 140px;
  height: 107px;
  background-position: -194px -360px;
}
.sprite-colts-right {
  width: 144px;
  height: 108px;
  background-position: -408px -359px;
}
.sprite-colts-left {
  width: 145px;
  height: 108px;
  background-position: -577px -359px;
}
.sprite-jaguars-right {
  width: 142px;
  height: 107px;
  background-position: -804px -360px;
}
.sprite-jaguars-left {
  width: 143px;
  height: 108px;
  background-position: -974px -359px;
}
.sprite-chiefs-right {
  width: 143px;
  height: 107px;
  background-position: -1193px -360px;
}
.sprite-chiefs-left {
  width: 141px;
  height: 107px;
  background-position: -1356px -360px;
}
.sprite-raiders-right {
  width: 141px;
  height: 108px;
  background-position: -37px -475px;
}
.sprite-raiders-left {
  width: 141px;
  height: 108px;
  background-position: -194px -475px;
}
.sprite-rams-right {
  width: 145px;
  height: 112px;
  background-position: -801px -475px;
}
.sprite-rams-left {
  width: 144px;
  height: 110px;
  background-position: -971px -475px;
}
.sprite-dolphins-right {
  width: 148px;
  height: 110px;
  background-position: -1191px -476px;
}
.sprite-dolphins-left {
  width: 147px;
  height: 110px;
  background-position: -1352px -476px;
}
.sprite-giants-right {
  width: 148px;
  height: 110px;
  background-position: -1191px -589px;
}
.sprite-giants-left {
  width: 148px;
  height: 110px;
  background-position: -1352px -588px;
}
.sprite-saints-right {
  width: 143px;
  height: 107px;
  background-position: -802px -594px;
}
.sprite-saints-left {
  width: 144px;
  height: 107px;
  background-position: -970px -594px;
}
.sprite-jets-right {
  width: 142px;
  height: 114px;
  background-position: -35px -710px;
}
.sprite-jets-left {
  width: 142px;
  height: 114px;
  background-position: -195px -709px;
}
.sprite-eagles-right {
  width: 146px;
  height: 114px;
  background-position: -406px -706px;
}
.sprite-eagles-left {
  width: 147px;
  height: 112px;
  background-position: -577px -708px;
}
.sprite-steelers-right {
  width: 145px;
  height: 111px;
  background-position: -799px -711px;
}
.sprite-steelers-left {
  width: 146px;
  height: 109px;
  background-position: -970px -711px;
}
.sprite-49ers-right {
  width: 146px;
  height: 109px;
  background-position: -1190px -709px;
}
.sprite-49ers-left {
  width: 148px;
  height: 110px;
  background-position: -1352px -708px;
}
.sprite-seahawks-right {
  width: 144px;
  height: 115px;
  background-position: -31px -837px;
}
.sprite-seahawks-left {
  width: 147px;
  height: 115px;
  background-position: -193px -836px;
}
.sprite-buccaneers-right {
  width: 149px;
  height: 117px;
  background-position: -404px -834px;
}
.sprite-buccaneers-left {
  width: 151px;
  height: 117px;
  background-position: -577px -834px;
}
.sprite-titans-right {
  width: 149px;
  height: 119px;
  background-position: -795px -835px;
}
.sprite-titans-left {
  width: 149px;
  height: 117px;
  background-position: -969px -835px;
}
.sprite-commanders-right {
  width: 150px;
  height: 118px;
  background-position: -1186px -835px;
}
.sprite-commanders-left {
  width: 151px;
  height: 118px;
  background-position: -1351px -835px;
}
.sprite-patriots-right {
  width: 145px;
  height: 110px;
  background-position: -408px -588px;
}
.sprite-patriots-left {
  width: 145px;
  height: 110px;
  background-position: -573px -592px;
}
.logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  display: inline-block;
}
.logo > div {
  border: 1px solid white;
}
.logo.logo-cardinals {
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 680'%3E%3Cstyle%3E.st0%7Bfill:%23FFFFFF;%7D.st1%7Bfill:%23B1063A;%7D.st2%7Bfill:%23FFC20E;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M665.3,530.8c-48.6-10.2-145-0.3-199.9,116c0,0-94-112.2-224.6-131.9c5.1-62.4-77.6-79-93.4-186.4  c0,0-64.3-52.6-96.4-135.5l17.1,5.5c0,0-25-27.6-44.2-75.4l18.1,6c0,0-18.3-24.8-28.3-95.9C235.3,185.7,352.1,132.4,487,208.8  c91.5,51.8,113.3,112,121,172.1C608,380.8,675.7,442.2,665.3,530.8'/%3E%3Cpath d='M656.1,517.8c1.5-75.4-57.8-129-57.8-129c-6.4-47.6-23.7-116.6-116-167.5C342.1,144.1,264.6,207.2,43.6,71.8  c4.6,25.3,19.2,60.3,37.7,82.1l-22.9-7.5c16.6,35,43.2,66.8,57.1,77.1l-25.6-8c27.1,66.6,80.1,106,80.1,106  c12.1,101.9,86.8,119.3,92.9,182c97.4,15.1,200.3,119.4,200.3,119.4C517.2,530.1,592.4,512.1,656.1,517.8'/%3E%3Cpath class='st0' d='M531.3,386.6c-21.2,34.1-57,24.6-69.7-17.9l25.8,1.5c-22.7-13.6-43.2-33.5-59.1-53.1  c-4.7,93.9,83.7,136.1,112.9,70.1C537.9,387.3,534.6,387.1,531.3,386.6'/%3E%3Cpath class='st1' d='M470.6,234.1C369,178.4,244.9,214.6,86.3,116.4c15.7,46.9,113.9,101.9,113.9,101.9l-86.9-28.2  c22.1,38.4,112.7,86.4,112.7,86.4l-81-26.2c33.6,55.7,109.6,93.3,109.6,93.3l-46.8-3.4c6.1,52.4,78.4,97.5,82.3,137.9  c32.7,12.5,74.9,34.3,107.8,62.6c62.8-30.9,45.5-135.5-74.3-283.8c164.8,10,160.3,132.2,254.9,114.6  C571.7,338.8,567.2,287.1,470.6,234.1'/%3E%3Cpath class='st2' d='M644.2,498.3c-5.3-38.8-40.1-84-65.1-99.9c-11.7,24-40.3,39.4-65.4,46.4C572.7,451.9,621.1,475.4,644.2,498.3'/%3E%3Cpath class='st0' d='M531.3,386.6c-21.2,34.1-57,24.6-69.7-17.9l25.8,1.5c-22.7-13.6-43.2-33.5-59.1-53.1  c-4.7,93.9,83.7,136.1,112.9,70.1C537.9,387.3,534.6,387.1,531.3,386.6'/%3E%3Cpath class='st2' d='M518,530.4c38.3-21.5,87.7-31.9,123.8-24.7c-23.1-19.5-80.1-43.5-131.8-38.5  C510.1,467.3,527.7,497.3,518,530.4'/%3E%3C/g%3E%3C/svg%3E");*/
  /*background-image: url('../lib/images/cardinals.svg');*/
  /*background: url('../images/helmet-sprite.png') no-repeat -42px -54px;*/
  width: 191px;
  height: 162px;
}
.logo.logo-falcons {
  /*background-image: url('../lib/images/falcons.svg');*/
  /*background: url('imgs/ChatGPT Image Aug 7, 2026, 10_17_55 PM.png') no-repeat -212px -40px;*/
  width: 169px;
  height: 144px;
}
.logo.logo-ravens {
  background-image: url('../lib/images/ravens.svg');
}
.logo.logo-bills {
  background-image: url('../lib/images/bills.svg');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
html {
  font-size: 16px;
  position: relative;
  min-height: 100%;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.white {
  color: white;
}
a.white:hover {
  color: white;
  opacity: 0.75;
}
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
body {
  /*margin-bottom: 60px;*/
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  background-color: #0F172A;
  color: #F3F6FC;
  position: relative;
  /*min-height: 100vh;
    padding-top: 2rem;*/
  /*background: linear-gradient( 180deg, fade(@color-background, 82%) 0%, fade(@color-background, 88%) 45%, fade(@color-background, 96%) 100% ), url('/lib/images/stadium-background.png') top center / cover no-repeat;*/
}
body .site-background {
  position: fixed;
  inset: 0;
  z-index: -2;
  background-image: url('/lib/images/reality-football-bg-desktop.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: -1;
}
@media (max-width: 767px) {
  body .site-background {
    background-image: url('/lib/images/reality-football-bg-mobile.png');
    background-position: center center;
    background-repeat: no-repeat;
  }
}
body .site-background::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0.72) 55%, rgba(15, 23, 42, 0.9) 100%);
}
body .site-login {
  /*padding: 1rem 0;*/
  padding-top: 0.5rem;
}
body .site-content {
  padding: 0;
  margin: 3.5rem auto 1rem;
  max-width: 1200px;
  position: relative;
  /*min-height: 100vh;*/
  border: 1px solid #5B91FF;
  border-radius: 14px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 575px) {
  body .site-content {
    /*padding-top: 1rem;*/
  }
}
body .site-content .navbar,
body .site-content footer {
  background: #1D2A42;
}
body .site-content .navbar {
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  border-bottom: 1px solid #5B91FF;
}
body .site-content footer,
body .site-content footer .navbar {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
}
.section-heading {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  line-height: 2.5rem;
  color: #F3F6FC;
  margin-bottom: 1rem;
}
@media (max-width: 574px) {
  .section-heading {
    text-align: center;
  }
}
.nav-menu {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}
.nav-menu .btn-outline-primary {
  border: 1px solid #5B91FF;
  color: white !important;
}
.nav-menu .btn-outline-primary.active {
  background-color: #5B91FF !important;
}
/* Onboarding */
.onboarding-card {
  max-width: 900px;
  margin: 0 auto;
}
.onboarding-option {
  padding: 2rem;
  border: 1px solid #5B91FF;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  text-align: center;
  transition: transform 0.15s ease, border-color 0.15s ease;
}
.onboarding-option:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.18);
}
.onboarding-option .onboarding-option-icon {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.onboarding-option p {
  min-height: 72px;
}
.selected-picks {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.games {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.games,
.selected-picks {
  display: grid;
  gap: 25px;
  width: 100%;
}
@media (max-width: 1024px) {
  .games,
  .selected-picks {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 574px) {
  .games,
  .selected-picks {
    grid-template-columns: 1fr;
  }
}
.form-floating > label {
  color: #F3F6FC;
}
.field-validation-error {
  background-color: rgba(240, 90, 90, 0.2);
  color: white !important;
  padding: 10px;
  display: block;
}
.table {
  color: white !important;
}
.check-box {
  height: 25px;
  width: 25px;
}
.form-control:disabled {
  background-color: #e9ecefa6;
}
.login-logo {
  width: 150px;
  margin: 0 auto -38px;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.45));
}
.login-link,
.login-card a {
  color: #5B91FF;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.login-link.btn,
.login-card a.btn {
  text-decoration: none !important;
}
.login-link:hover,
.login-card a:hover {
  color: #79A6FF;
  text-decoration-thickness: 2px;
}
.login-link:focus-visible,
.login-card a:focus-visible {
  color: #F3F6FC;
  outline: 3px solid #8BB4FF;
  outline-offset: 3px;
  border-radius: 3px;
}
.login-card {
  width: min(100%, 550px);
  padding: 4.5rem 3.5rem 3rem;
  color: #F3F6FC;
  background: linear-gradient(145deg, rgba(29, 42, 66, 0.98), rgba(15, 23, 42, 0.98));
  border: 1px solid #5B91FF;
  border-radius: 28px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  margin: 0 auto;
  margin-top: -90px;
}
@media (max-width: 575px) {
  .login-card {
    margin-top: -70px;
    padding: 4rem 1.5rem 3rem;
  }
}
.login-card .login-card-header h1 {
  color: #F3F6FC;
  font-weight: 600;
}
.login-card .login-card-header p {
  color: #BCC8DA !important;
}
.login-card .login-link,
.login-card a {
  color: white;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.login-card .login-link:hover,
.login-card a:hover {
  color: #79A6FF;
  text-decoration-thickness: 2px;
}
.login-card .login-link:focus-visible,
.login-card a:focus-visible {
  color: #F3F6FC;
  outline: 3px solid #8BB4FF;
  outline-offset: 3px;
  border-radius: 3px;
}
.login-card .form-label {
  margin-bottom: 0.625rem;
  color: #F3F6FC;
  font-weight: 500;
}
.login-card .input-group-text {
  /*background-color: @color-primary;*/
}
.text-muted {
  color: #BCC8DA !important;
}
.login-form-control {
  color: #F3F6FC;
  background-color: rgba(15, 23, 42, 0.7);
  border: 1px solid #5B91FF;
}
.login-form-control::placeholder {
  color: rgba(188, 200, 218, 0.75);
  opacity: 1;
}
.login-form-control:focus {
  color: #F3F6FC;
  background-color: rgba(15, 23, 42, 0.85);
  border-color: #5B91FF;
  box-shadow: 0 0 0 4px rgba(91, 145, 255, 0.18);
}