body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     margin: 0;
     height: 100vh;
     overflow: hidden;
     display: flex;
     flex-direction: column;
 }

 .left-panel {
     background: linear-gradient(160deg, #001f5b 0%, #003087 60%, #1a56db 100%);
 }

 .brand-divider {
     width: 48px;
     height: 4px;
     background: linear-gradient(to right, #c8a951, #ffd700);
     border-radius: 99px;
 }

 .form-control::placeholder {
    font-size: 12.5px;
}

 .form-control:focus {
     border-color: #003087;
     box-shadow: 0 0 0 .2rem rgba(0, 48, 135, .15);
 }

 .btn-signin {
     background: #003087;
     border: none;
     transition: background .2s;
 }

 .btn-signin:hover:not(:disabled) {
     background: #001f5b;
 }

 .btn-signin:disabled {
     background: #6c8cbf;
     cursor: not-allowed;
 }

 .footer-bar {
     background: #001f5b;
     font-size: 10.5px;
     letter-spacing: 1.2px;
 }

 .footer-gradient {
     height: 3px;
     background: linear-gradient(to right, #003087, #c8a951, #ffd700);
 }

 .login-right-panel {
     overflow-y: auto;
 }

 .left-panel {
     overflow: hidden;
 }

 .google-btn {
     background: #fff;
     border: 1.5px solid #dadce0;
     color: #3c4043;
     font-size: .9rem;
     padding: .65rem 1rem;
     border-radius: .5rem;
     transition: all .2s ease;
 }

 .google-btn:hover {
     background: #f7f8f8;
     border-color: #c6c9cc;
     box-shadow: 0 2px 8px rgba(0,0,0,.08);
     color: #1a1a1a;
 }

 .google-btn:active {
     background: #eef0f1;
     transform: scale(.98);
 }

 .google-btn .btn-loading {
     color: #3c4043;
 }

 .left-panel::before {
    content: 'PISAY';
    position: absolute;
    font-size: 9rem;
    font-weight: 900;
    letter-spacing: .2em;
    opacity: .05;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    white-space: nowrap;
    pointer-events: none;
    color: #fff;
}