:root { --ink: #172033; --muted: #718096; --line: #e3eaf0; --mint: #61d8ac; --deep: #14243d; }
html, body.identity-body { background: #f6f8fb; color: var(--ink); min-height: 100%; }
.identity-header { background: #111a2d; }.identity-header .navbar { min-height: 72px; padding: 0; }.identity-header .container { max-width: 1180px; }.identity-brand { align-items: center; color: #fff !important; display: inline-flex; font-size: 1.05rem; font-weight: 700; gap: 10px; letter-spacing: -.02em; }.identity-brand span { align-items: center; background: linear-gradient(135deg, #a7f3d0, #34d399); border-radius: 10px; color: #052e2b; display: inline-flex; font-size: .72rem; font-weight: 800; height: 32px; justify-content: center; width: 32px; }.identity-header .navbar-toggler { border-color: rgba(255,255,255,.25); }.identity-header .navbar-toggler-icon { filter: invert(1); }.identity-header .nav-link { color: #cbd5e1 !important; font-size: .83rem; font-weight: 600; }.identity-header .nav-link:hover { color: #7ce4bf !important; }.identity-shell { margin: 0 auto; max-width: 1180px; min-height: calc(100vh - 150px); padding: 50px 24px; }.identity-main { padding-bottom: 30px; }.identity-footer { border: 0 !important; color: #8490a2 !important; font-size: .78rem; padding: 18px 0 28px; text-align: center; }
.auth-page { margin: 0 auto; max-width: 940px; }.auth-intro { background: linear-gradient(115deg, #172842, #214755); border-radius: 18px; color: #fff; margin-bottom: 24px; padding: 36px 42px; }.auth-eyebrow { color: #83e4c2; font-size: .68rem; font-weight: 800; letter-spacing: .11em; margin: 0 0 8px; text-transform: uppercase; }.auth-intro h1 { font-size: clamp(1.9rem, 3.1vw, 2.8rem); letter-spacing: -.05em; margin: 0 0 10px; }.auth-intro h1 span { color: #9be8cf; }.auth-intro > p:last-child { color: #c3d2dd; font-size: .9rem; margin: 0; }.auth-layout { align-items: stretch; display: grid; gap: 20px; grid-template-columns: minmax(0, 1.55fr) minmax(235px, .75fr); }.auth-card, .auth-aside { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 29px; }.auth-card h2 { font-size: 1.35rem; letter-spacing: -.035em; margin: 0 0 5px; }.form-intro { color: var(--muted); font-size: .84rem; margin: 0 0 24px; }.auth-card .form-group { margin-bottom: 17px; }.auth-card label { color: #4e5a70; font-size: .78rem; font-weight: 700; }.auth-card .form-control { border: 1px solid #dce4ec; border-radius: 8px; box-shadow: none; font-size: .9rem; height: 42px; margin-top: 5px; }.auth-card .form-control:focus { border-color: #61cfa5; box-shadow: 0 0 0 3px rgba(97,216,172,.15); }.auth-card .checkbox label { font-weight: 500; }.auth-submit { background: #167c62; border: 0; border-radius: 8px; font-size: .83rem; font-weight: 700; padding: 11px 17px; width: 100%; }.auth-submit:hover { background: #106c54; }.auth-card .form-group p { margin: 9px 0; }.auth-card .form-group p a, .auth-aside a { color: #168060; font-size: .8rem; font-weight: 600; }.auth-aside { background: #e9f8f2; border-color: #d4eee3; }.auth-aside h3 { font-size: .92rem; margin: 0 0 16px; }.auth-aside p { color: #608075; font-size: .82rem; line-height: 1.5; }.auth-aside .btn { background: #fff; border: 1px solid #cce7dc; color: #276557; font-size: .78rem; margin: 4px 0; width: 100%; }
.identity-main > h1, .identity-main > h4 { font-size: 1.55rem; letter-spacing: -.035em; margin-bottom: 22px; }.identity-main .row { background: #fff; border: 1px solid var(--line); border-radius: 14px; margin: 0; padding: 26px; text-align: left; }.identity-main .form-control { border-radius: 8px; }.identity-main .btn-primary { background: #167c62; border-color: #167c62; border-radius: 8px; }.identity-main .nav-pills .nav-link.active { background: #167c62; }
.auth-aside .google-signin { align-items: center; background: #fff !important; border: 1px solid #ccd8d3 !important; color: #314457 !important; display: inline-flex; font-size: .82rem; font-weight: 700; gap: 11px; justify-content: center; margin: 4px 0; min-height: 46px; width: 100%; }.auth-aside .google-signin:hover { background: #f8faf9 !important; border-color: #aebeb7 !important; }.google-mark { color: #4285f4; font-family: Arial, sans-serif; font-size: 1.35rem; font-weight: 700; line-height: 1; }
@media (max-width: 767px) { .identity-shell { padding: 28px 16px; }.auth-intro { padding: 29px 25px; }.auth-layout { grid-template-columns: 1fr; }.auth-card, .auth-aside { padding: 23px; } }