body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* Left panel - brand gradient background */
.login-left-panel {
    background: linear-gradient(135deg, #1a6fa0 0%, #218acb 40%, #2d9fe0 100%);
}
.dark .login-left-panel {
    background: linear-gradient(135deg, #0f4a6e 0%, #17699e 40%, #1a7ab5 100%);
}

/* Subtle grid pattern on left panel */
.login-left-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size: 56px 56px;
}

/* Mobile brand header */
.mobile-brand-header {
    background: linear-gradient(135deg, #1a6fa0 0%, #218acb 100%);
}
.dark .mobile-brand-header {
    background: linear-gradient(135deg, #0f4a6e 0%, #17699e 100%);
}

/* Feature list item */
.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.feature-dot {
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    margin-top: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
}

/* Entrance animation — .animate-enter keyframes defined in global.css */
.delay-1 { animation-delay: 80ms; }
.delay-2 { animation-delay: 160ms; }
.delay-3 { animation-delay: 240ms; }
.delay-4 { animation-delay: 320ms; }

/* Input focus ring */
input:focus {
    box-shadow: 0 0 0 3px rgba(33, 138, 203, 0.15);
}