/* Core/SSO's pages -- sign in, sign-in methods (the account page), verify email, linking -- on the site's light
   content panel: the parchment of the journey page's GroupGains banner (.journey-addon-banner), dark text on
   light, so they read as easily as the guides. Foundation prints them inside .sign-in-page with Bootstrap's
   classes; nothing here changes their markup, only how it looks. The provider buttons are Foundation's
   #sso-provider-{discord,battlenet} links, kept in the static login dialog's violet and blue. */

.sign-in-page.container{max-width:min(480px,calc(100% - 32px));margin:64px auto 72px!important;padding:40px 34px 30px;background:linear-gradient(115deg,#f2e2c2,#d9bd8b);border:1px solid #c7a364;border-left:5px solid #83352a;box-shadow:inset 0 0 0 4px #fff7e32b,0 24px 90px #000b;color:#3d2818;font:14px/1.65 'Segoe UI',sans-serif}
.sign-in-page::before{content:'COHORT GAMING';display:block;font-size:10px;font-weight:700;letter-spacing:3px;color:#83352a}
.sign-in-page h1,.sign-in-page .h1{font:700 36px/1.15 Georgia,serif;color:#2f1c12;margin:16px 0 14px!important}
.sign-in-page h2,.sign-in-page h3,.sign-in-page h4,.sign-in-page .h4{font:700 19px/1.3 Georgia,serif;color:#2f1c12;margin:26px 0 12px}
.sign-in-page p{color:#3d2818}
.sign-in-page strong{color:#2f1c12}
.sign-in-page a{color:#7b2330;text-underline-offset:3px}
.sign-in-page a:hover{color:#5b1420}
.sign-in-page .text-muted,.sign-in-page .form-text{color:#6b5238!important}

/* "Continue with Discord / Battle.net", drawn as the static login dialog drew them: a lettered mark, the name,
   an arrow. */
.sign-in-page p:has(> a[id^="sso-provider-"]){margin:0 0 12px!important}
.sign-in-page a[id^="sso-provider-"]{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid #84728b;border-radius:0;background:#37304c;color:#f1ebff;font:600 13px 'Segoe UI',sans-serif;text-align:left;text-decoration:none}
.sign-in-page a[id^="sso-provider-"]::before{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;font:700 13px Georgia,serif}
.sign-in-page a[id^="sso-provider-"]::after{content:'→';margin-left:auto}
.sign-in-page a[id^="sso-provider-"]:hover,.sign-in-page a[id^="sso-provider-"]:focus-visible{filter:brightness(1.25);color:#f1ebff}
.sign-in-page #sso-provider-discord::before{content:'D'}
.sign-in-page #sso-provider-battlenet{background:#123343;border-color:#417d94;color:#d4f2ff}
.sign-in-page #sso-provider-battlenet:hover{color:#d4f2ff}
.sign-in-page #sso-provider-battlenet::before{content:'B'}

/* The forms, messages and lists the other pages carry. */
.sign-in-page .form-label{color:#4a3220;font-weight:600}
.sign-in-page .form-control{background:#fbf3e1;border:1px solid #997346;border-radius:0;color:#2f1c12}
.sign-in-page .form-control:focus{background:#fffaf0;border-color:#83352a;box-shadow:0 0 0 2px #83352a33;color:#2f1c12}
.sign-in-page .btn{border-radius:0;font-weight:600}
.sign-in-page .btn-primary{background:#592019;border-color:#8b5034;color:#ffebc8}
.sign-in-page .btn-primary:hover,.sign-in-page .btn-primary:focus-visible{background:#803128;border-color:#8b5034;color:#fff2d8}
.sign-in-page .btn-outline-secondary{background:#f7ead0;border-color:#795335;color:#3d2818}
.sign-in-page .btn-outline-secondary:hover{background:#e7d2ac;color:#2f1c12}
.sign-in-page .btn-outline-danger,.sign-in-page .btn-danger{background:transparent;border-color:#83352a;color:#83352a}
.sign-in-page .btn-outline-danger:hover,.sign-in-page .btn-danger:hover{background:#83352a;color:#ffebc8}
.sign-in-page .btn-link{color:#7b2330}
.sign-in-page .list-group-item{background:#f7ead0;border-color:#c7a364;color:#3d2818}
.sign-in-page .alert{border-radius:0;background:#f7ead0;border:1px solid #c7a364;color:#3d2818}
.sign-in-page .alert-danger{border-left:4px solid #83352a}
.sign-in-page .alert-info{border-left:4px solid #417d94}

@media(max-width:700px){.sign-in-page.container{padding:35px 24px 24px;margin-top:40px!important}}