/* GSEIN Portal sign-in page: dark stage with a soft gold glow, one white card, gold actions and ink text (Noor, 2026-10-19: no mint). */
.signin-page{background:var(--gsein-dark,#0B181A);color:#fff;--si-ink:#0B181A;--si-ink-2:#13272A;--si-text:#3D4A47;--si-muted:#6B7774;--si-line:#D9DDD8;--si-gold:#B07A1E;--si-gold-ink:#8A5F12}
.signin-stage{position:relative;overflow:hidden;min-height:calc(100vh - 76px);display:grid;place-items:center;padding:64px 16px 72px;
  background:radial-gradient(760px 420px at 50% -6%,rgba(201,149,47,.16),transparent 70%),radial-gradient(900px 520px at 50% 110%,rgba(19,39,42,.9),transparent 70%)}
.signin-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 40%,#000 0%,transparent 70%);pointer-events:none}
.signin-card{position:relative;z-index:1;width:100%;max-width:420px;background:#fff;color:var(--si-ink);border-radius:16px;overflow:hidden;padding:40px 36px 28px;box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);text-align:center}
.signin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gsein-gold-shine,linear-gradient(135deg,#FFF6D0,#F3D27A 22%,#C9952F 48%,#F8DE8A 62%,#B07A1E 82%,#E7B95A))}
.signin-mark{display:block;width:52px;height:52px;margin:0 auto 18px;border-radius:12px}
.signin-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--si-gold-ink)}
.signin-kicker:before,.signin-kicker:after{content:"";width:14px;height:2px;border-radius:2px;background:linear-gradient(90deg,#F3D27A,#C9952F)}
html[dir="rtl"] .signin-kicker{letter-spacing:0;font-size:13px}
html[data-page] body main .signin-card h1{margin:0 0 28px!important;font-size:28px!important;line-height:1.2!important;letter-spacing:-.02em!important;font-weight:700!important;text-align:center!important;color:var(--si-ink)}
html[data-page][dir="rtl"] body main .signin-card h1{letter-spacing:0!important;line-height:1.4!important}
.signin-step{text-align:start}
.signin-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;border:1px solid var(--si-line);border-radius:10px;background:#fff;color:var(--si-ink);font-weight:600;font-size:15px;text-decoration:none;transition:border-color .18s,background .18s,box-shadow .18s}
.signin-google:hover{border-color:#AEB6B2;background:#F8F8F6;box-shadow:0 4px 14px rgba(11,24,26,.06)}
.signin-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:#97A19E;font-size:12.5px}
.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:#E7E9E5}
.signin-form{display:grid;gap:14px}
.signin-form .field{display:grid;gap:6px}
.signin-form .field label{font-size:13px;font-weight:600;color:var(--si-text)}
html body .signin-form .field input{width:100%;min-height:48px;border:1px solid var(--si-line);border-radius:10px!important;background:#fff;color:var(--si-ink);font-size:16px;padding:0 14px;box-shadow:none;transition:border-color .18s,box-shadow .18s}
.signin-form .field input:hover{border-color:#AEB6B2}
html body .signin-form .field input:is(:focus,:focus-visible){outline:none!important;border-color:var(--si-gold)!important;box-shadow:0 0 0 3px rgba(201,149,47,.22)!important}
html[dir="rtl"] .signin-form .field input{text-align:right}
.signin-form #signin-code{font-family:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;font-size:24px;font-weight:500;letter-spacing:.5em;text-indent:.5em;text-align:center!important;font-variant-numeric:tabular-nums;min-height:56px}
html body .signin-card .button.signin-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:10px!important;border:1px solid #C9952F!important;background:linear-gradient(135deg,#F6DA85 0%,#E2B04A 48%,#C9952F 100%)!important;color:var(--si-ink)!important;font-size:15px;font-weight:700;box-shadow:0 6px 16px rgba(176,122,30,.22),inset 0 1px 0 rgba(255,255,255,.45)!important;transition:filter .18s,box-shadow .18s}
html body .signin-card .button.signin-submit:hover{filter:brightness(1.05);box-shadow:0 8px 20px rgba(176,122,30,.3),inset 0 1px 0 rgba(255,255,255,.5)!important}
html body .signin-card .button.signin-submit:disabled{opacity:.6;cursor:progress}
.signin-sent{margin:0;color:var(--si-muted);font-size:14px;line-height:1.6}
.signin-email-echo{margin:-8px 0 0;font-weight:600;color:var(--si-ink);word-break:break-all}
html[dir="rtl"] .signin-email-echo{text-align:right}
.signin-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.signin-link{border:0;background:none;padding:4px 0;color:var(--si-ink);font-weight:600;font-size:13.5px;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(11,24,26,.25);text-underline-offset:3px}
.signin-link:hover{text-decoration-color:var(--si-gold)}
.signin-status{margin:16px 0 0;padding:10px 12px;border-radius:10px;background:#FFF7E6;color:#6D5320;font-size:13.5px;line-height:1.5;text-align:start}
.signin-status[data-tone="error"]{background:#FDECEC;color:#8A2A2A}.signin-status[data-tone="info"]{background:#EAF1FB;color:#1C4F8F}
.signin-legal{margin:22px 0 0;padding-top:18px;border-top:1px solid #EEF0EC;color:#8A9491;font-size:12px;line-height:1.6}
.signin-legal a{color:var(--si-text);text-decoration:underline;text-underline-offset:2px}
html body .signin-card :is(a,button):focus-visible{outline:2px solid var(--si-gold)!important;outline-offset:2px!important}
@media(max-width:620px){.signin-stage{min-height:auto;padding:32px 16px 48px;place-items:start center}.signin-card{padding:32px 22px 24px;border-radius:14px}html[data-page] body main .signin-card h1{font-size:24px!important;margin-bottom:24px!important}.signin-mark{width:46px;height:46px}}
/* On a phone the sign-in footer keeps the brand, the line and the copyright; the link lists are left out. */
@media(max-width:760px){html[data-page="signin"] .shell-footer-grid>div:not(.shell-footer-brand){display:none}}