/* SATUNUSA SSO Login Redesign Custom Stylesheet */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --color-navy: #0F172A;
    --color-green: #16A34A;
    --color-bg: #F8FAFC;
    --color-border: #E5E7EB;
    --color-text-secondary: #64748B;
}

body.login-page {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-bg);
}

.font-title-jakarta {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* Background Grid Pattern */
.bg-grid-pattern {
    background-size: 32px 32px;
    background-image: 
        linear-gradient(to right, rgba(15, 23, 42, 0.035) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(15, 23, 42, 0.035) 1px, transparent 1px);
}

/* Soft Radial Glow Overlay */
.bg-radial-glow {
    background: radial-gradient(circle 800px at 50% 100px, rgba(22, 163, 74, 0.04), transparent 80%),
                radial-gradient(circle 600px at 80% 500px, rgba(15, 23, 42, 0.02), transparent 80%);
}

/* Entrance Animations */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-up {
    opacity: 0;
    animation: fadeUp 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animation-delay-100 {
    animation-delay: 100ms;
}

.animation-delay-200 {
    animation-delay: 200ms;
}

.animation-delay-300 {
    animation-delay: 300ms;
}

/* Smooth transitions */
.transition-custom {
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scrollbar Customization for Partner Logo Ribbon */
.partner-scroll::-webkit-scrollbar {
    height: 4px;
}
.partner-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.partner-scroll::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, 0.1);
    border-radius: 2px;
}
.partner-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(15, 23, 42, 0.2);
}