#gmc-login {
  --gmc-paper:#ffffff;
--gmc-ink:#173d33;
--gmc-muted:#64766e;
--gmc-line:#dce4df;
--gmc-soft:#f2f6f3;
--gmc-yellow:#f2cf43;
font-family:Manrope,Arial,sans-serif;
color:var(--gmc-ink);
background:var(--gmc-paper);
font-size:14px;
line-height:1.55;
container-type:inline-size
}

#gmc-login * {
  box-sizing:border-box
}
#gmc-login [hidden] {
  display:none!important
}
#gmc-login button,#gmc-login input {
  font:inherit
}
#gmc-login button,#gmc-login a {
   -webkit-tap-highlight-color:transparent
}
#gmc-login button {
  cursor:pointer
}
#gmc-login a {
  color:inherit
}
#gmc-login .gmc-header {
  height:82px;
padding:0 40px;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid var(--gmc-line);
gap:16px
}
#gmc-login .gmc-brand {
  display:flex;
gap:10px;
align-items:center;
font-size:23px;
font-weight:800;
letter-spacing:-1px;
text-decoration:none
}
#gmc-login .gmc-mark {
  display:grid;
place-items:center;
width:35px;
height:35px;
background:var(--gmc-yellow);
color:#173d33;
border-radius:11px
}
#gmc-login .gmc-help {
  display:flex;
gap:8px;
align-items:center;
font-size:12px;
text-decoration:none
}
#gmc-login .gmc-help strong {
  display:block;
font-size:13px
}
#gmc-login .gmc-body {
  display:grid;
grid-template-columns:47% 53%;
min-height:566px
}
#gmc-login .gmc-story {
  background:#1b4035;
color:#fff;
position:relative;
overflow:hidden;
padding:48px 42px 32px;
display:flex;
flex-direction:column
}
#gmc-login .gmc-story h2 {
  font-size:45px;
line-height:1.1;
letter-spacing:-2px;
font-weight:650;
margin:0;
max-width:330px
}
#gmc-login .gmc-story>p {
  color:#cedbd2;
max-width:270px;
font-size:14px;
margin:20px 0 28px
}
#gmc-login .gmc-ticket {
  margin:auto 0 22px;
border:1px solid #658072;
border-radius:16px;
position:relative;
padding:22px;
background:#244b3f
}
#gmc-login .gmc-ticket-label {
  color:#c7d9ce;
font-size:12px;
margin-bottom:18px
}
#gmc-login .gmc-route {
  display:flex;
align-items:center;
gap:12px;
font-size:16px;
font-weight:650
}
#gmc-login .gmc-road {
  flex:1;
height:2px;
background:#8fa494;
position:relative;
min-width:20px
}
#gmc-login .gmc-road:before,#gmc-login .gmc-road:after {
  content:'';
position:absolute;
top:-3px;
width:8px;
height:8px;
background:#f2cf43;
border-radius:50%
}
#gmc-login .gmc-road:before {
  left:0
}
#gmc-login .gmc-road:after {
  right:0
}
#gmc-login .gmc-ticket-note {
  margin-top:20px;
padding-top:16px;
border-top:1px dashed #6c8878;
font-size:12px;
color:#d8e6dd;
display:flex;
gap:8px;
align-items:center
}
#gmc-login .gmc-story-foot {
  font-size:12px;
color:#ccdbd2;
display:flex;
align-items:center;
gap:9px
}
#gmc-login .gmc-form-side {
  padding:48px 50px 30px;
display:flex;
flex-direction:column;
justify-content:center
}
#gmc-login .gmc-step {
  display:flex;
gap:6px;
margin-bottom:28px
}
#gmc-login .gmc-step span {
  width:28px;
height:4px;
border-radius:3px;
background:var(--gmc-line)
}
#gmc-login .gmc-step span:first-child {
  background:var(--gmc-ink)
}
#gmc-login .gmc-step.gmc-two span {
  background:var(--gmc-ink)
}
#gmc-login h1 {
  font-size:32px;
letter-spacing:-1.25px;
line-height:1.2;
margin:0 0 13px;
font-weight:800
}
#gmc-login .gmc-sub {
  color:var(--gmc-muted);
font-size:14px;
line-height:1.65;
margin:0 0 30px
}
#gmc-login label {
  display:block;
font-size:13px;
font-weight:700;
margin-bottom:9px
}
#gmc-login input {
  width:100%;
height:56px;
border:1px solid var(--gmc-line);
border-radius:10px;
padding:0 15px;
background:var(--gmc-paper);
color:var(--gmc-ink);
font-size:16px
}
#gmc-login input::placeholder {
  color:var(--gmc-muted)
}
#gmc-login input:focus-visible {
  outline:2px solid var(--gmc-ink);
outline-offset:3px
}
#gmc-login input[aria-invalid=true] {
  border-color:#bc473d
}
#gmc-login .gmc-hint {
  font-size:12px;
color:var(--gmc-muted);
margin:9px 0 22px;
min-height:19px
}
#gmc-login .gmc-primary {
  background:var(--gmc-yellow);
color:#173d33;
border:0;
min-height:54px;
width:100%;
border-radius:10px;
font-weight:800;
display:flex;
align-items:center;
justify-content:center;
gap:10px
}
#gmc-login .gmc-primary:hover {
  filter:brightness(.96)
}
#gmc-login .gmc-join {
  font-size:12px;
color:var(--gmc-muted);
text-align:center;
margin:15px 0 26px
}
#gmc-login .gmc-legal {
  font-size:11px;
line-height:1.8;
color:var(--gmc-muted);
text-align:center;
margin:22px 0 0
}
#gmc-login .gmc-error {
  color:#a03229;
font-size:12px;
margin:8px 0 15px
}
#gmc-login .gmc-text-button {
  border:0;
background:none;
padding:10px 0;
color:var(--gmc-ink);
font-weight:700;
font-size:12px;
min-height:42px;
text-decoration:underline;
text-underline-offset:4px
}
#gmc-login .gmc-code {
  font-size:26px;
letter-spacing:12px;
text-align:center;
font-weight:700
}
#gmc-login .gmc-resend {
  display:flex;
justify-content:space-between;
gap:12px;
align-items:center;
font-size:12px;
margin-top:15px;
color:var(--gmc-muted)
}
#gmc-login .gmc-text-button:disabled {
  cursor:default;
opacity:.65;
text-decoration:none
}
#gmc-login .gmc-destination {
  font-weight:700;
color:var(--gmc-ink);
overflow-wrap:anywhere
}
#gmc-login .gmc-footer {
  border-top:1px solid var(--gmc-line);
display:flex;
justify-content:space-between;
gap:10px;
padding:18px 40px;
font-size:11px;
color:var(--gmc-muted)
}
#gmc-login .gmc-demo {
  padding:10px 22px;
background:var(--gmc-soft);
color:var(--gmc-muted);
text-align:center;
font-size:11px
}
#gmc-login .gmc-success {
  width:52px;
height:52px;
border-radius:50%;
display:grid;
place-items:center;
background:var(--gmc-soft);
margin-bottom:22px
}
#gmc-login .gmc-small-route {
  background:var(--gmc-soft);
border-radius:10px;
padding:14px;
font-size:12px;
margin:0 0 20px
}

@container (max-width:740px) {
  #gmc-login .gmc-header {
  padding:0 24px;
height:72px
}
#gmc-login .gmc-body {
  grid-template-columns:40% 60%
}
#gmc-login .gmc-story {
  padding:36px 25px
}
#gmc-login .gmc-story h2 {
  font-size:35px
}
#gmc-login .gmc-form-side {
  padding:38px 28px
}
#gmc-login .gmc-ticket {
  padding:16px
}
#gmc-login .gmc-route {
  font-size:13px;
gap:8px
}
#gmc-login .gmc-footer {
  padding:16px 24px
}

}

@container (max-width:560px) {
  #gmc-login .gmc-body {
  display:block;
min-height:0
}
#gmc-login .gmc-story {
  display:none
}
#gmc-login .gmc-form-side {
  padding:38px 24px 34px;
min-height:475px
}
#gmc-login .gmc-help span {
  display:none
}
#gmc-login .gmc-help {
  font-size:0
}
#gmc-login .gmc-help strong {
  font-size:11px
}
#gmc-login .gmc-brand {
  font-size:21px
}
#gmc-login h1 {
  font-size:32px
}
#gmc-login .gmc-footer {
  flex-wrap:wrap;
font-size:10px
}

}


#gmc-login  {
  max-width:1280px;
margin:0 auto
}
 #gmc-login button:disabled {
  cursor:wait;
opacity:.65
}
 #gmc-login .gmc-legal {
  font-size:12px
}
 #gmc-login .gmc-sub a {
  font-weight:700
}
 #gmc-login .gmc-help svg {
  width:20px
}
 #gmc-login .gmc-google {
  margin:20px 0 0;
min-height:0
}
 #gmc-login .gmc-google[hidden] {
  display:none
}
 #gmc-login .gmc-header .gmc-brand img {
  width:100px;
height:auto
}
 #gmc-login .gmc-error {
  border-left:3px solid #a03229;
padding:10px 12px;
background:#fff3f1
}
 #gmc-login .gmc-join {
  font-size:13px
}
 #gmc-login input.gmc-code {
  letter-spacing:8px
}
 #gmc-login .gmc-standalone-form {
  margin:0
}
 #gmc-login .gmc-button-row {
  display:flex;
justify-content:space-between;
gap:16px
}