    <style>
        /* === Bilbao Crystallographic Server Core Styles === */
        BODY {  
            background: #FFFFFF;
            font-family: arial, verdana, helvetica, sans-serif;
            font-size: 12pt;
            color: #000000;
            margin: 0;
            padding: 0;
        } 

        /* subtle border & margin as in BODY.index (applied to main container) */
        .page-container {
            background: #FFFFFF;
            font-family: arial, verdana, helvetica, sans-serif;
            font-size: 12pt;
            color: #000000; 
            margin: 20px auto;
            padding: 20px;
            max-width: 550px;
            border: 1px solid grey;
            border-radius: 2px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        }

        /* Headings follow Bilbao style */
        H1 { 
            font-size: 24pt;
            font-weight: bold;
            color: #0081a4;
            margin-top: 0;
            margin-bottom: 0.5rem;
            letter-spacing: -0.3px;
        }

        H2, H3 {
            font-weight: bold;
            color: #0081a4;
            margin-bottom: 0.75rem;
        }

        /* Form elements align with Bilbao typography */
        label {
            font-size: 12pt;
            font-weight: normal;
            color: #000000;
            display: block;
            margin-bottom: 6px;
        }

        input {
            font-family: arial, verdana, helvetica, sans-serif;
            font-size: 12pt;
            padding: 8px 10px;
            border: 1px solid #aaa;
            background-color: #ffffff;
            width: 100%;
            box-sizing: border-box;
            transition: border 0.2s ease, box-shadow 0.2s ease;
        }

        input:focus {
            outline: none;
            border-color: #0081a4;
            box-shadow: 0 0 0 2px rgba(0,129,164,0.2);
        }

        button, .login-button {
            background-color: #0081a4;
            border: none;
            color: white;
            font-family: arial, verdana, helvetica, sans-serif;
            font-size: 12pt;
            font-weight: bold;
            padding: 10px 18px;
            cursor: pointer;
            transition: background-color 0.2s, transform 0.05s linear;
            border-radius: 2px;
            width: auto;
            display: inline-block;
        }

        button:hover {
            background-color: #006685;
            text-decoration: none;
        }

        button:active {
            transform: scale(0.98);
        }

        /* table style used for form layout — Bilbao-like tables */
        .login-table {
            width: 100%;
            background-color: transparent;
            border-spacing: 0 12px;
            padding: 0;
            margin: 0;
        }

        .login-table td {
            font-size: 12pt;
            color: #000000;
            padding: 0;
            vertical-align: top;
        }

        .login-table td:first-child {
            width: 100px;
            padding-right: 12px;
            padding-top: 6px;
        }

        /* optional subtle info box (like TABLE.grey but lighter) */
        .info-note {
            background-color: #f5f5f5;
            border: 1px solid #888888;
            padding: 12px 16px;
            margin-top: 25px;
            font-size: 11pt;
            color: #2c3e4e;
            border-radius: 2px;
        }

        .info-note a {
            color: #0081a4;
            text-decoration: none;
        }

        .info-note a:hover {
            text-decoration: underline;
        }

        /* small utility for alignment */
        .form-footer {
            margin-top: 5px;
            text-align: right;
        }

        .demo-hint {
            font-size: 11pt;
            color: #444;
            background: #fef9e6;
            border-left: 3px solid #bf9869;
            padding: 8px 12px;
            margin-bottom: 20px;
            border-radius: 0 4px 4px 0;
        }

        hr {
            border: none;
            border-top: 1px solid #ddd;
            margin: 18px 0;
        }

        /* Bilbao-inspired link styling */
        a:link, a:visited {
            text-decoration: none;
            color: #0081a4;
        }
        a:hover {
            text-decoration: underline;
            color: #0081a4;
        }

        /* signature-like subtle footer */
        .signature {
            margin-top: 25px;
            text-align: center;
            font-size: 10pt;
            color: #666;
            border-top: 1px solid #e0e0e0;
            padding-top: 15px;
        }
    </style>
