/* Extracted from resources/views/auth/partials/google-signin-button.blade.php on 25 September 2026. Edit the rule here, then rename the file with the new md5 of its content and update the <link> in the blade. */
/* ============ Google Sign-In button - premium ============ */
    .gsi-wrap { margin-bottom: 4px; }
    .gsi-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        padding: 15px 22px;
        background: #ffffff;
        border: 1.5px solid #dbe4ec;
        border-radius: 14px;
        font-family: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
        font-size: 16.5px;
        font-weight: 600;
        color: #1f2937;
        letter-spacing: 0.01em;
        text-decoration: none;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 2px 8px -2px rgba(30, 60, 120, 0.12),
                    0 1px 3px -1px rgba(30, 60, 120, 0.08);
        -webkit-font-smoothing: antialiased;
    }
    .gsi-btn::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 1.5px;
        background: linear-gradient(135deg, #4285F4 0%, #34A853 33%, #FBBC05 66%, #EA4335 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }
    .gsi-btn:hover {
        transform: translateY(-2px);
        border-color: transparent;
        color: #111827;
        box-shadow: 0 8px 22px -6px rgba(66, 133, 244, 0.25),
                    0 4px 10px -4px rgba(52, 168, 83, 0.18);
    }
    .gsi-btn:hover::before { opacity: 1; }
    .gsi-btn:active { transform: translateY(0); }
    .gsi-btn:focus-visible {
        outline: none;
        box-shadow: 0 0 0 4px rgba(66, 133, 244, 0.28),
                    0 8px 22px -6px rgba(66, 133, 244, 0.25);
    }
    .gsi-btn .gsi-icon {
        display: inline-flex;
        width: 22px;
        height: 22px;
        flex-shrink: 0;
    }
    .gsi-btn .gsi-icon svg { width: 100%; height: 100%; }
    .gsi-btn.is-loading { pointer-events: none; opacity: 0.85; }
    .gsi-btn.is-loading .gsi-text::after {
        content: "...";
        display: inline-block;
        animation: gsiDots 1.2s steps(4, end) infinite;
        width: 1.2em;
        text-align: left;
    }
    @keyframes gsiDots { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } }
    .gsi-divider {
        display: flex;
        align-items: center;
        gap: 14px;
        margin: 20px 0;
    }
    .gsi-divider::before,
    .gsi-divider::after {
        content: "";
        flex: 1;
        height: 1px;
        background: linear-gradient(90deg, transparent, #c9d6df, transparent);
    }
    .gsi-divider span {
        font-family: "Inter", "Poppins", -apple-system, sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #52616f;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        white-space: nowrap;
    }
    @media (max-width: 575.98px) {
        .gsi-btn { font-size: 15.5px; padding: 14px 18px; border-radius: 12px; }
        .gsi-btn .gsi-icon { width: 20px; height: 20px; }
        .gsi-divider { margin: 16px 0; }
        .gsi-divider span { font-size: 14px; }
    }
    @media (prefers-reduced-motion: reduce) {
        .gsi-btn, .gsi-btn::before { transition: none; }
        .gsi-btn:hover { transform: none; }
    }